1.自定義指令的理解
可定制指令對dom進行操作。這就說明它不僅僅只是自己封裝的對於DOM的操作指令，也就意味着它可以代替v-model、v-for、v-bind…這些官方指令，所以它擁有很強的可塑性。
2.注冊自定義指令
自定義指令注冊也分為全局自定義指令，局部自定義指令。
2.1全局指令注冊
Vue.directive('name',{
fn()
})
2.2局部指令注冊
directives:{
'name':{fn()}
}
fn（指令鈎子函數詳解）
bind:第一次綁定到元素時調用
unbind:解綁時調用，也只調用一次
insert:綁定元素插入父節點時調用
update:所在節點虛擬dom更新時調用
componentUpdated:所在節點及子節點所有虛擬dom更新時調用
3.1.鈎子函數參數
el:綁定的dom對象
binding：一個對象，包含以下屬性：
name：指令名，不包括 v- 前綴。
value：指令的綁定值，例如：v-my-directive=“1 + 1” 中，綁定值為 2。
oldValue：指令綁定的前一個值，僅在 update 和 componentUpdated 鈎子中可用。無論值是否改變都可用。
expression：字符串形式的指令表達式。例如 v-my-directive=“1 + 1” 中，表達式為 “1 + 1”。
arg：傳給指令的參數，可選。例如 v-my-directive:foo 中，參數為 “foo”。
modifiers：一個包含修飾符的對象。例如：v-my-directive.foo.bar 中，修飾符對象為 { foo: true, bar: true }。
vnode：Vue 編譯生成的虛擬節點。移步 VNode API 來了解更多詳情。
oldVnode：上一個虛擬節點，僅在 update 和 componentUpdated 鈎子中可用。
4.使用
<div v-red></div>