vue3生命周期介绍

Vue.js 3.x 的生命周期分为组件的创建、更新和销毁三个阶段，每个阶段都有相应的钩子函数。这些钩子函数可以帮助开发者在特定时间点执行特定的操作，提高代码的可维护性和灵活性。

1. **挂载（Mounting）阶段**:
- `beforeCreate()`: 组件实例被创建之前，但DOM元素还未生成。
- `create()`: 实例已创建完成，但DOM元素还没有插入到文档中。
- `beforeMount()`: DOM已经插入到了文档中，但数据还没有绑定到DOM上。
- `mounted()`: 组件已挂载到DOM，并且数据已绑定到DOM上，此时可以操作DOM或执行异步操作。

2. **更新（Updating）阶段**:
- `beforeUpdate()`: 更新数据后，组件将开始重新渲染前调用此钩子。
- `updated()`: 组件已经更新完毕，DOM 已经根据新数据进行了重新渲染。

3. **销毁（Unmounting）阶段**:
- `beforeDestroy()`: 组件即将卸载时调用，但在此之后不能访问DOM。
- `destroyed()`: 组件已经被卸载，这时所有的子组件也被卸载，不能再次使用实例。