vue自定義指令

时间:2024-07-17 20:34:38

自定義指令可以允許代碼複用,

全局自定義指令

vue.directive('指令名',{鉤子函數:指令函數})

局部自定義指令:

vue({

directives:{指令名:{鉤子函數:指令函數}

})

自定指令提供了幾個鉤子函數:

bind、inserted、update、componentUpdated、unbind

鉤子函數參數:

el,binding,vnode,oldVnode

有時也可以不使用鉤子函數。

vue({

directives:{指令名:指令函數}

})