vue3父子组件生命周期顺序

在 Vue 3 中，父子组件的生命周期顺序与 Vue 2 有所不同。以下是 Vue 3 中父子组件生命周期的顺序：

1. 父组件实例化（beforeCreate 和 created 钩子函数被调用）。
2. 子组件实例化（beforeCreate 和 created 钩子函数被调用）。
3. 父组件的模板编译和渲染。
4. 子组件的模板编译和渲染。
5. 父组件的 beforeMount 和 mounted 钩子函数被调用。
6. 子组件的 beforeMount 和 mounted 钩子函数被调用。
7. 父组件的 updated 钩子函数被调用（如果数据发生了变化）。
8. 子组件的 updated 钩子函数被调用（如果数据发生了变化）。
9. 父组件的 beforeUnmount 钩子函数被调用（在组件卸载之前调用）。
10. 子组件的 beforeUnmount 钩子函数被调用（在组件卸载之前调用）。
11. 父组件的 unmounted 钩子函数被调用（在组件卸载之后调用）。
12. 子组件的 unmounted 钩子函数被调用（在组件卸载之后调用）。

需要注意的是，Vue 3 中去除了一些生命周期钩子函数，如 beforeUpdate 和 activated。同时，Vue 3 还引入了新的功能 API，如 setup 函数和 onMounted 钩子函数，用于替代一部分生命周期的功能。