VUE 生命周期
在 Vue 3 中，生命周期钩子函数相对于 Vue 2 有一些变化。Vue 3 使用 Composition API 作为主要的组织代码的方式，而不再依赖于 Options API，因此生命周期钩子函数的使用也略有不同。
以下是 Vue 3 中常见的生命周期钩子函数：
onBeforeCreate：在实例初始化之后，数据观测和事件配置之前被调用。
onCreated：和 Vue 2.x 中的 created 钩子类似，实例已经创建完成，在这一步，实例已经完成了数据观测、属性和方法的运算，但挂载阶段还没开始。
onBeforeMount：在挂载开始之前被调用：相关的 render 函数首次被调用。
onMounted：实例已经挂载到 DOM 上，此时组件可以进行 DOM 操作。
onBeforeUpdate：数据更新时调用，发生在虚拟 DOM 重新渲染和打补丁之前。
onUpdated：由于数据更改导致的虚拟 DOM 重新渲染和打补丁后调用。
onBeforeUnmount：在卸载组件之前调用。
onUnmounted：组件卸载后调用。
此外，在 Vue 3 中，还引入了其他钩子函数，比如 onRenderTracked 和 onRenderTriggered，用于追踪和触发组件重新渲染的情况。
需要注意的是，与 Vue 2 不同，Vue 3 中使用 Composition API 时，很多传统的声明式钩子函数被替代为基于函数的 API。这意味着你可以直接在 setup 函数中执行逻辑，无需依赖特定的生命周期钩子函数。
