vue 生命周期阶段

世界只有一个我

 

vue2 生命周期有四个阶段：

1. 创建阶段 (Initialization) ： beforeCreate - 实例初始化之后，数据观测和事件配置之前， created - 实例创建完成，数据观测已完成，但 DOM 还未挂载
2. 挂载阶段 (Mounting)： beforeMount - 在挂载开始之前被调用，相关的 render 函数首次被调用，mounted - 实例被挂载后调用，DOM 已创建完成
3. 更新阶段 (Updating)：beforeUpdate - 数据更新时调用，发生在虚拟 DOM 重新渲染和打补丁之前，updated - 数据更改导致的虚拟 DOM 重新渲染和打补丁之后
4. 销毁阶段 (Destruction)： beforeDestroy - 实例销毁之前调用，此时实例仍然完全可用

 

vue3 生命周期阶段：

在原来的基础上变了一些：

beforeDestroy → beforeUnmount

destroyed → unmounted

新增 renderTracked 和 renderTriggered 用于调试