vue3关于生命周期的理解

Vue3的生命周期可以分为三个阶段：挂载阶段、运行时阶段以及卸载阶段。每个阶段都有几个重要的钩子函数：

1. **挂载阶段**：
- `beforeCreate()`：组件实例创建之前，但属性还没有初始化。
- `created()`：组件实例已经完全创建，并且所有的属性和数据都已经初始化完成。
- `beforeMount()`：组件挂载到DOM之前，这个阶段适合进行一些数据预处理工作。
- `mounted()`：组件已经被渲染并插入到了DOM中。

2. **运行时阶段**：
- `beforeUpdate()`：数据发生变化但DOM未更新前。
- `updated()`：数据变化并且DOM更新后的回调。
- `activated()`：组件切换到活跃期，比如从其他视图被切换回来时。
- `deactivated()`：组件切换到非活跃期，比如被切换到其他视图时。

3. **卸载阶段**：
- `beforeUnmount()`：组件即将被销毁前，此时可以做清理工作。
- `destroyed()`：组件已经被移除并已执行完所有清除操作。

理解生命周期有助于在合适的时间执行特定的操作，如数据校验、网络请求等。同时，避免在`mounted`之后修改初始数据，因为这将触发新的`render`和`update`循环。