指令定義函數提供了幾個鈎子函數(可選):
<code>bind</code>: 隻調用一次,指令第一次綁定到元素時調用,用這個鈎子函數可以定義一個在綁定時執行一次的初始化動作。
<code>inserted</code>: 被綁定元素插入父節點時調用(父節點存在即可調用,不必存在于 document 中)。
<code>update</code>: 被綁定元素所在的模闆更新時調用,而不論綁定值是否變化。通過比較更新前後的綁定值,可以忽略不必要的模闆更新(詳細的鈎子函數參數見下)。
<code>componentupdated</code>: 被綁定元素所在模闆完成一次更新周期時調用。
<code>unbind</code>: 隻調用一次, 指令與元素解綁時調用。
鈎子函數的參數有:
el: 指令所綁定的元素,可以用來直接操作 dom 。
binding: 一個對象,包含以下屬性:
name: 指令名,不包括 <code>v-</code> 字首。
value: 指令的綁定值, 例如: <code>v-my-directive="1 + 1"</code>, value 的值是 <code>2</code>。
oldvalue: 指令綁定的前一個值,僅在 <code>update</code> 和 <code>componentupdated</code> 鈎子中可用。無論值是否改變都可用。
expression: 綁定值的表達式或變量名。 例如 <code>v-my-directive="1 + 1"</code> , expression 的值是 <code>"1 + 1"</code>。
arg: 傳給指令的參數。例如 <code>v-my-directive:foo</code>, arg 的值是 <code>"foo"</code>。
modifiers: 一個包含修飾符的對象。 例如: <code>v-my-directive.foo.bar</code>, 修飾符對象 modifiers 的值是 <code>{ foo: true, bar: true }</code>。
vnode: vue 編譯生成的虛拟節點。
oldvnode: 上一個虛拟節點,僅在 <code>update</code> 和 <code>componentupdated</code> 鈎子中可用。
以下執行個體示範了這些參數的使用:

鈎子函數的簡寫: