简述Vue 子组件和父组件执行顺序？

Vue面试题 5月前 0 53

在 Vue 中，父组件和子组件的执行顺序如下：

创建阶段：
- 父组件 beforeCreate
- 父组件 created
- 父组件 beforeMount
- 子组件 beforeCreate
- 子组件 created
- 子组件 beforeMount
- 子组件 mounted
- 父组件 mounted
更新阶段：
- 父组件 beforeUpdate
- 子组件 beforeUpdate
- 子组件 updated
- 父组件 updated
销毁阶段：
- 父组件 beforeDestroy
- 子组件 beforeDestroy
- 子组件 destroyed
- 父组件 destroyed

这个顺序非常重要，因为我们通常会在这些生命周期钩子函数中执行各种逻辑，比如获取数据、监听事件等，这些逻辑的执行顺序会影响到组件的渲染和行为。