vue 3.0 中生命周期中钩子函数

vue 3.0中可以继续使用 vue2.0 中的生命周期钩子, 但是有两个被更名:
 beforeDestroy 更名为 beforeUnmount;
 destroryed 更名为 unmounted;

vue 3.0 也提供了COmposition API 形式的生命周期钩子, 与vue2.0钩子对应关系如下: 
 1:  beforeCreate ===> setup() 函数;
 2:  created ===> setup() 函数;
 3:  beforeMount ===> onBeforeMount 
 4:  mounted  ===> onMounted;
 5:  boforeUpdate ====> onBeofreUpdate;
 6:  updated  ===> onUpdated
 7:  beforeUnmount ===> onBeforeUnmount
 8:  unMounted ===> onUnmounted; 

2: 自定义hook 钩子函数:
   什么是hook? 本质就是一个函数, 既是把setup 函数中使用的Composition API 进行了封装。
   类似与vue2.0 中的mixin;
   自定义hook 的优势: 复用代码, 让setup 中逻辑更清楚易懂。
   类似于 vue2.0 中的minix 混入

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值