在Vue中,我們平時數(shù)據(jù)驅(qū)動視圖時候,內(nèi)部自帶的指令有時候解決不了一些需求,這時候,Vue給我們一個很好用的東東

directive

這個單詞是我們寫自定義指令的關(guān)鍵字哦

之定義指令為我們提供了幾個鉤子函數(shù),這時候你一定好奇什么是鉤子函數(shù),說簡單點,就是集中表現(xiàn)狀態(tài)

  • bind: 只調(diào)用一次,指令第一次綁定到元素時調(diào)用,用這個鉤子函數(shù)可以定義一個在綁定時執(zhí)行一次的初始化動作。

  • inserted: 被綁定元素插入父節(jié)點時調(diào)用(父節(jié)點存在即可調(diào)用,不必存在于 document 中)。

  • update: 被綁定元素所在的模板更新時調(diào)用,而不論綁定值是否變化。通過比較更新前后的綁定值,可以忽略不必要的模板更新(詳細的鉤子函數(shù)參數(shù)見下)。

  • componentUpdated: 被綁定元素所在模板完成一次更新周期時調(diào)用。

  • unbind: 只調(diào)用一次, 指令與元素解綁時調(diào)用。

網(wǎng)友評論