vue调试,父组件中的js先执行,还是子组件中的代码先执行
在 Vue 中,父组件和子组件的生命周期钩子函数的执行顺序是这样的:
- 父组件
beforeCreate
- 父组件
created
- 父组件
beforeMount
- 子组件
beforeCreate
- 子组件
created
- 子组件
beforeMount
- 子组件
mounted
- 父组件
mounted
所以从上面的流程我们可以得知:在初始化阶段,父组件的 beforeCreate
和 created
钩子会先于子组件执行,但是在 beforeMount
和 mounted
阶段,子组件会先于父组件执行。
这是因为在 Vue 的渲染过程中,父组件挂载(mounted
)之前需要先渲染其所有的子组件。因此,所有子组件的 mounted
钩子函数都会在父组件的 mounted
钩子函数之前运行。