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 混入
vue 3.0 中生命周期中钩子函数
猜你喜欢
转载自blog.csdn.net/weixin_45677987/article/details/123467283
今日推荐
周排行