vue父子组件的生命周期

在 Vue.js 中，组件的生命周期钩子函数可以帮助我们在组件实例化、渲染、更新和销毁的过程中执行一些自定义逻辑。对于父子组件，它们都有自己的生命周期钩子函数。下面是 Vue.js 父组件和子组件的生命周期钩子函数执行顺序：

1. 父组件 beforeCreate
2. 父组件 created
3. 父组件 beforeMount
4. 子组件 beforeCreate
5. 子组件 created
6. 子组件 beforeMount
7. 子组件 mounted
8. 父组件 mounted

在组件更新时，父子组件的生命周期钩子函数执行顺序如下：

1. 父组件 beforeUpdate
2. 子组件 beforeUpdate
3. 子组件 updated
4. 父组件 updated

当组件被销毁时，父子组件的生命周期钩子函数执行顺序如下：

1. 父组件 beforeDestroy
2. 子组件 beforeDestroy
3. 子组件 destroyed
4. 父组件 destroyed

需要注意的是，父组件的生命周期钩子函数会在所有子组件的生命周期钩子函数执行完毕之后再执行。另外，如果子组件在父组件销毁之前被销毁，那么子组件的 beforeDestroy 和 destroyed 钩子函数会在父组件的 beforeDestroy 钩子函数之后执行。