3.2.2　鉤子函數

在指令注冊中涉及一些重要的鉤子函數，它們在編寫程序中起到了重要作用。下面將對指令中的鉤子函數進行逐一介紹。

（1）bind：只調用一次，第一次綁定指令到元素時調用，可以在此綁定中只執行一次初始化操作。

（2）inserted：被綁定元素插入父節點時調用。父節點只要存在即可被調用，不必存在于document中。也就是說，必定存在父節點，但是它的父節點未必存在文檔中。

（3）update：無論綁定值是否發生變化，只要被綁定元素所在的模板被更新即可調用。Vue.js會通過比較更新前后的綁定值，忽略不必要的模板更新操作。也就是說，在包含該組件的VNode更新后調用該函數，可能在其子節點更新前調用，指令的值可能已更改、可能未更改。最好通過判斷新舊值來過濾掉不必要的操作。

（4）componentUpdated：被綁定元素所在模板完成一次更新周期時調用。也就是說，在包含該組件的VNode及其子節點的VNode已更新后進行調用。

（5）unbind：指令與元素解綁時調用，只調用一次。

下面用代碼對鉤子函數進行說明。