フォント描画命令のためのカスタムカラーを使用してVUE学習（XVIII）

< DIV ID = "アプリケーション" > 
　　// V色是自定义的
　< 入力タイプ= "テキスト" クラス= "フォームコントロール" V-色= " 'ブルー'" />  
</ DIV >

<スクリプト>

//カスタム命令セットのフォントの色
Vue.directive（「色」、{
    //スタイル、限りこの要素はどこへ行くページに挿入されていないかどうか、要素に結合することにより、命令として、この要素は持っていますインラインスタイル
    //将来的には、要素は確かに、ページの表示には、この時間を移動しますレンダリングエンジンは、スタイルブラウザ、この要素の適用解決するためにバインドされている
    機能（EL、バインディング）{：バインド
      一般//操作と関連スタイルを、バインドはして行うことができる
      「//el.style.color='red

      //console.log(binding.name）
      //console.log(binding.value）//値ブルー
      //console.log(bingding.expression）表現// '青'

      el.style.color = binding.value
      }、
    挿入：関数（EL）{
      // JSの動作と関連する操作は、好ましくは、実行するために挿入され、動作は、JSを防止するために効果的ではありません
    }
}）

</ SCRIPT>

 

//全局定义
エクスポートデフォルト{ 
  名： ''、
  データ：{ 
    
  }、
  メソッド：{ 
    
  }、
  ディレクティブ：{ 
    '色'：{ 
      バインド：関数（EL、結合）{ 
        el.style.color = binding.value 
      } 
      挿入：関数（EL）{ 
      
      } 
    }、
    'のfontSize'：{ 
      バインド：関数（EL、結合）{ 
        el.style.fontSize = binding.value 
      } 
    } 
  } 
}

 

公式サイトベンダーコマンドフック関数のパラメータ：https://cn.vuejs.org/v2/guide/custom-directive.html