vue3 生命周期

在 Vue3 中，组件的生命周期发生了一些变化。

一、创建阶段

1. beforeCreate：此阶段组件实例尚未创建，无法访问数据和方法。
2. created：组件实例已经创建，可以进行一些初始化操作，如数据请求、事件绑定等。

二、挂载阶段

1. beforeMount：此时组件尚未被渲染到页面上，虚拟 DOM 已创建。
2. mounted：组件已成功挂载到页面上，可以在这个阶段进行 DOM 操作、获取 DOM 元素等。

三、更新阶段

1. beforeUpdate：当组件的数据发生变化，即将重新渲染时触发。
2. updated：组件重新渲染完成后触发，可以在这个阶段进行一些后续处理。

四、卸载阶段

1. beforeUnmount：组件即将被卸载时触发。
2. unmounted：组件已被卸载，相关资源已被释放。

需要注意的是，Vue3 中还引入了一些新的钩子函数，如 onRenderTracked 和 onRenderTriggered，用于跟踪和触发渲染相关的事件。

此外，在实际开发中，我们可以根据不同的生命周期阶段来执行相应的操作，以确保组件的正确运行和性能优化。比如在 mounted 阶段进行数据初始化，在 beforeUpdate 阶段处理数据变化的逻辑等。