vue2与vue3的自定义指令

在Vue中,有很多的内置组件,v-for v-if 等 除了这些vue也允许注册自定义指令

他们的区别是什么

在vue2中自定义指令通过Vue.directive()来进行全局注册的

而vue3自定义指令的 API 发生了改变,指令不再绑定到全局 Vue 实例上,而是通过 app.directive 方法进行注册。

指令定义一个对象,其中包含 beforeMountmountedbeforeUpdateupdatedbeforeUnmount 等生命周期钩子函数。

指令的生命周期钩子函数和 Vue 2 中的类似,不同的是钩子函数名和参数稍有不同。

 指令的第一个参数el是dom元素,第二个是是个对象bindding

局部指令和全局指令的区别不仅仅是作用范围的区别,在加载阶段页略有不同,全局指令和全局组件一样,根实例创建时就加载,局部是对于懒加载的组件可以随组件一起加载

  • 8
    点赞
  • 8
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值