Vue 3 生命周期详解：简单易懂的解释

Vue 3 中的生命周期包括：

1. 'beforeCreate'：实例刚被创建，数据观测和事件机制还未初始化。

2. 'created'：实例已经创建完成，数据观测和事件机制已经完成，但还未挂载到 DOM 上。

3. 'beforeMount'：在挂载开始之前被调用，此时 DOM 节点还没有生成。

4. 'mounted'：实例挂载完成，DOM 节点生成，可以进行 DOM 操作。

5. 'beforeUpdate'：数据更新时调用，发生在虚拟 DOM 重新渲染和打补丁之前。

6. 'updated'：数据更新完成时调用，DOM 已经重新渲染。

7. 'beforeUnmount'：实例销毁之前调用。

8. 'unmounted'：实例销毁完成后调用，清空了该实例的所有事件监听和子组件的所有事件监听和 DOM 元素。