vue3 hook中的生命周期和组件生命周期执行顺序

在 Vue3 中，使用 Composition API 的方式来编写组件，对应的生命周期也发生了变化。下面是 Vue3 Composition API 中的生命周期钩子以及它们的执行顺序：

1. setup 函数
2. onBeforeMount
3. onMounted
4. onBeforeUpdate
5. onUpdated
6. onBeforeUnmount
7. onUnmounted

其中，setup 函数是组件内的入口函数，它会在 beforeCreate 和 created 钩子函数之前执行。在 setup 函数中，我们可以定义响应式数据、计算属性、方法等，并且还可以通过 ref 和 reactive 函数来创建响应式数据。

组件生命周期的执行顺序如下：

1. beforeCreate
2. created
3. beforeMount
4. mounted
5. beforeUpdate
6. updated
7. beforeUnmount
8. unmounted

需要注意的是，在 Vue3 中，beforeDestroy 和 destroyed 钩子被重命名为了 beforeUnmount 和 unmounted。