vue生命周期

Vue 2 的生命周期钩子：

1. beforeCreate：在实例初始化之后、数据观测和事件配置之前调用。
2. created：在实例创建完成后（即data属性已绑定但未挂载到DOM）调用。
3. beforeMount：在模板渲染成HTML前调用，此时el尚不可见。
4. mounted：在模板成功挂载到DOM上后调用，此时组件已经可以在页面中看到。
5. beforeUpdate：当数据发生变化时，在重新渲染视图前调用。
6. updated：当数据变化触发DOM更新后调用，此时视图已完成更新。
7. activated（仅适用于keep-alive组件的激活状态）：组件被保持并激活时调用。
8. deactivated（仅适用于keep-alive组件的非激活状态）：组件被移出活跃状态时调用。
9. beforeDestroy：在实例销毁前调用。此时实例仍然完全可用。
10. destroyed：在实例销毁后调用。此阶段所有的指令解绑，所有事件监听器被移除，子实例也全部被销毁。

Vue 3 的生命周期钩子：

Vue 3 对生命周期进行了重构，引入了Composition API，并使用setup函数替代部分生命周期钩子。以下是Vue 3的生命周期钩子以及与Vue 2的对应关系：

1. setup()：Vue 3新增的核心生命周期方法，用于取代部分created和beforeMount的功能。在这里可以设置响应式状态、计算属性和副作用等操作。
2. onBeforeMount：Vue 3中的beforeMount钩子，与Vue 2的beforeMount作用相同。
3. onMounted：Vue 3中的mounted钩子，与Vue 2的mounted作用相同。
4. onBeforeUpdate：Vue 3中的beforeUpdate钩子，与Vue 2的beforeUpdate作用相同。
5. onUpdated：Vue 3中的updated钩子，与Vue 2的updated作用相同。
6. onBeforeUnmount：Vue 3中的beforeDestroy钩子，改名为onBeforeUnmount，功能不变。
7. onUnmounted：Vue 3中的destroyed钩子，改名为onUnmounted，功能不变。
8. onActivated 和 onDeactivated：对于 keep-alive 组件的激活和非激活状态，Vue 3中依然保留这两个生命周期钩子，但在新的API下可能需要通过不同的方式来使用。

另外，Vue 3 中不再有 beforeCreate 钩子，因为在 setup 函数执行前就已经完成了依赖收集和响应式系统的初始化。同时，Vue 3 提供了一些新的组合式API相关的生命周期钩子，如：

• onRenderTracked 和 onRenderTriggered：用于追踪依赖项变化和追踪导致组件重新渲染的原因。
• onErrorCaptured：全局错误捕获钩子，可用于处理整个组件树的错误。