vue2和vue3生命周期的区别

vue2生命周期：（8个阶段）beforeCreate(创建前)

1. beforeCreate(创建前)
2. created(创建后)
3. beforeMount(载入前)
4. mounted(载入后)
5. beforeUpdate(更新前)
6. updated(更新后)
7. beforeDestroy(销毁前)
8. destroyed(销毁后)

vue3生命周期：

1. setup() : 开始创建组件之前，在 beforeCreate 和 created 之前执行，创建的是 data 和 method
2. onBeforeMount() : 组件挂载到节点上之前执行的函数；
3. onMounted() : 组件挂载完成后执行的函数；
4. onBeforeUpdate(): 组件更新之前执行的函数；
5. onUpdated(): 组件更新完成之后执行的函数；
6. onBeforeUnmount(): 组件卸载之前执行的函数；
7. onUnmounted(): 组件卸载完成后执行的函数；
8. onActivated(): 被包含在 中的组件，会多出两个生命周期钩子函数，被激活时执行；
9. onDeactivated(): 比如从 A 组件，切换到 B 组件，A 组件消失时执行；
10. onErrorCaptured(): 当捕获一个来自子孙组件的异常时激活钩子函数。

vue3生命周期与vue2生命周期对比理解

vue3的生命周期函数在使用前需要先引入

标签：生命周期,函数,vue2,vue3,组件,执行,beforeCreate
来源： https://www.cnblogs.com/feitter/p/16693344.html