对比vue2和vue3的生命周期

Vue.js 2.x 生命周期钩子：

1. beforeCreate：

   • 在实例初始化之后，数据观测 (data observer) 和 event/watcher 事件配置之前被调用。
   • 此时实例上的属性和方法都未初始化。

2. created：

   • 实例已经创建完成，属性和方法已经被加入到实例中。
   • 在这个阶段，可以访问数据、可以进行 Ajax 请求等操作。

3. beforeMount：

   • 在挂载开始之前被调用：相关的 render 函数首次被调用。

4. mounted：

   • el 被新创建的 vm.$el 替换，并挂载到实例上去之后调用。
   • 实例化过程完成，可以在这里操作 DOM，进行数据请求。

5. beforeUpdate：

   • 数据更新时调用，发生在虚拟 DOM 重新渲染和打补丁之前。
   • 可以在该钩子中进一步地更改状态，不会触发附加的重渲染过程。

6. updated：

   • 虚拟 DOM 重新渲染和打补丁之后调用。
   • 在这一阶段，组件 DOM 已经更新，可以执行依赖于 DOM 的操作。

7. beforeDestroy：

   • 实例销毁之前调用。