Vue前端面试题总结（三十三）Vue自定义指令如何使用？ 详解

什么自定义指令？

指令的注册方式和过滤器，组件是一样的
都是分为全局注册和局部注册
1.全局注册

Vue.directive('name',{
    
    })

2.局部注册

directive:{
    
    
 name:''
}

然后在模块中直接使用即可

Vue也提供了几种自定义指令的钩子函数

bind：指令第一次绑定到元素时调用，只执行一次。

inserted：被绑定的元素，插入到父节点的 DOM 中时调用。

update：组件更新时调用。

componentUpdated：组件与子组件更新时调用。

unbind：指令与元素解绑时调用，只执行一次。