自定義指令創建：

Vue.directive( ‘mycolor(指令名稱:推薦全部小寫，駝峰命名會出現問題，看最後面)‘ , {

　　bind:function(){},

　　//本例只介紹inserted

　　inserted:function(el, binding){

　　　　el.style.color="red"; // 第一種使用

　　　　el.style.color=binding.value; // 第二種使用

　　　　//el: dom元素; binding: 一個對象，裏面包含著vue實例data裏面的數據

　　},

　　update:function(){},

　　compinentUpdated:function(){},

　　unbind:function(){}

});

new一個vue對象實例：

var vm = new Vue({

　　data:{

　　　　color:"gold"

　　}

})

應用：

<p v-mycolor> test文本 </p> //第一種使用，結果是紅色字體

<p v-mycolor="color"> test文本</p> // 第二種使用，結果是金色字體

問題：

　　指令定義時使用駝峰命名，假如命名為myColor，那麽應用的時候寫的是v-myColor會報錯，正確應該是寫v-my-color，所以推薦全部小寫。

Vue.directive添加全局指令詳解