3.2.2　鉤子函數(shù)

在指令注冊(cè)中涉及一些重要的鉤子函數(shù)，它們?cè)诰帉?xiě)程序中起到了重要作用。下面將對(duì)指令中的鉤子函數(shù)進(jìn)行逐一介紹。

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

（2）inserted：被綁定元素插入父節(jié)點(diǎn)時(shí)調(diào)用。父節(jié)點(diǎn)只要存在即可被調(diào)用，不必存在于document中。也就是說(shuō)，必定存在父節(jié)點(diǎn)，但是它的父節(jié)點(diǎn)未必存在文檔中。

（3）update：無(wú)論綁定值是否發(fā)生變化，只要被綁定元素所在的模板被更新即可調(diào)用。Vue.js會(huì)通過(guò)比較更新前后的綁定值，忽略不必要的模板更新操作。也就是說(shuō)，在包含該組件的VNode更新后調(diào)用該函數(shù)，可能在其子節(jié)點(diǎn)更新前調(diào)用，指令的值可能已更改、可能未更改。最好通過(guò)判斷新舊值來(lái)過(guò)濾掉不必要的操作。

（4）componentUpdated：被綁定元素所在模板完成一次更新周期時(shí)調(diào)用。也就是說(shuō)，在包含該組件的VNode及其子節(jié)點(diǎn)的VNode已更新后進(jìn)行調(diào)用。

（5）unbind：指令與元素解綁時(shí)調(diào)用，只調(diào)用一次。

下面用代碼對(duì)鉤子函數(shù)進(jìn)行說(shuō)明。