vue3声明生命周期语法

在Vue 3中，声明组件生命周期的语法有所变化。Vue 3引入了Composition API，它提供了一种新的方式来组织和重用组件逻辑。

在Composition API中，可以使用`setup`函数来声明组件的生命周期钩子。`setup`函数是一个在组件实例创建之前执行的函数，它接收两个参数：`props`和`context`。

下面是Vue 3中常用的生命周期钩子的声明语法：

- `beforeCreate`：在组件实例创建之前执行，Vue 3中可以使用`setup`函数的逻辑来替代。
- `created`：在组件实例创建完成后执行，Vue 3中可以使用`setup`函数的逻辑来替代。
- `beforeMount`：在组件挂载到DOM之前执行，Vue 3中可以使用`onBeforeMount`函数来声明。
- `mounted`：在组件挂载到DOM后执行，Vue 3中可以使用`onMounted`函数来声明。
- `beforeUpdate`：在组件更新之前执行，Vue 3中可以使用`onBeforeUpdate`函数来声明。
- `updated`：在组件更新之后执行，Vue 3中可以使用`onUpdated`函数来声明。
- `beforeUnmount`：在组件卸载之前执行，Vue 3中可以使用`onBeforeUnmount`函数来声明。
- `unmounted`：在组件卸载后执行，Vue 3中可以使用`onUnmounted`函数来声明。

除了上述常用的生命周期钩子，Vue 3还引入了一些新的生命周期钩子，例如`onRenderTracked`和`onRenderTriggered`，用于追踪组件的渲染和依赖变化。

需要注意的是，在Vue 3中，生命周期函数的命名空间发生了变化，以更好地与Composition API结合使用。因此，在Vue 3中，建议使用新的生命周期钩子声明语法来编写组件的逻辑。