Vue3基础之生命周期

1. 生命周期

• setup() : 开始创建组件之前，在beforeCreate和created之前执行，创建的是data和method。
• onBeforeMount() : 组件挂载到节点上之前执行的函数。
• onMounted(): 组件挂载完成之后执行的函数。
• onBeforeUpdate(): 组件更新之前执行的函数。
• onUpdated()：组件更新完成之后执行的函数。
• omBeforeUnmount()： 组件卸载之前执行的函数。
• onUnmounted()： 组件卸载完成之后执行的函数。

1684304360802.png

2. 使用规则

vue3生命周期没有vue2中beforeCreate 和create，vue3中setup钩子函数代替，可以自定义函数init代替。

3. vue2与vue3生命周期对比

207223e9e8c4f9b53668f46147a586e.png