vu e3生命周期函数

Vue 3 的生命周期函数与 Vue 2 有所不同。以下是 Vue 3 的生命周期函数：

1. `beforeCreate`: 在实例创建之前被调用，此时数据观测和事件机制都未初始化。
2. `created`: 实例已经创建完成，数据观测和事件机制都已经初始化。但是该钩子中的模板编译还未开始。
3. `beforeMount`: 在挂载之前被调用，相关的 render 函数首次被调用。
4. `mounted`: 实例挂载后被调用，该钩子函数中可以操作 DOM 元素。
5. `beforeUpdate`: 数据更新时调用，但是在 DOM 更新之前被调用。
6. `updated`: 数据更新时调用，DOM 已经更新完成。
7. `beforeUnmount`: 实例卸载之前调用。
8. `unmounted`: 实例卸载后调用。

注意：Vue 3 中已经没有 `beforeDestroy` 和 `destroyed` 这两个生命周期函数了，取而代之的是 `beforeUnmount` 和 `unmounted`。