vue2与vue3的生命周期

Vue2和Vue3的生命周期在命名上有一些变化，但整体的生命周期流程是相似的。下面是Vue2和Vue3中的生命周期对比：

Vue2的生命周期：
1. beforeCreate
2. created
3. beforeMount
4. mounted
5. beforeUpdate
6. updated
7. beforeDestroy
8. destroyed

Vue3的生命周期：
1. setup：在组件创建之前运行，类似于Vue2的beforeCreate和created阶段。
2. beforeMount：在挂载开始之前被调用，类似于Vue2的beforeMount阶段。
3. onMounted：在组件挂载完成后调用，类似于Vue2的mounted阶段。
4. onBeforeUpdate：在数据更新之前调用，类似于Vue2的beforeUpdate阶段。
5. onUpdated：在数据更新之后调用，类似于Vue2的updated阶段。
6. onBeforeUnmount：在组件卸载之前调用，类似于Vue2的beforeDestroy阶段。
7. onUnmounted：在组件卸载之后调用，类似于Vue2的destroyed阶段。

需要注意的是，Vue3中去除了beforeCreate和created两个阶段，而是引入了setup函数来进行组件初始化。另外，Vue3还引入了一些新的生命周期钩子函数，例如onBeforeUpdate和onBeforeUnmount。这些变化使得代码更加清晰和易于维护。