提示信息

vue调试,父组件中的js先执行,还是子组件中的代码先执行

扑朔 已关注

在 Vue 中,父组件和子组件的生命周期钩子函数的执行顺序是这样的:

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

所以从上面的流程我们可以得知:在初始化阶段,父组件的 beforeCreatecreated 钩子会先于子组件执行,但是在 beforeMountmounted 阶段,子组件会先于父组件执行。

这是因为在 Vue 的渲染过程中,父组件挂载(mounted)之前需要先渲染其所有的子组件。因此,所有子组件的 mounted 钩子函数都会在父组件的 mounted 钩子函数之前运行。

    遇到难题? "AI大模型GPT4.0、GPT" 是你的私人解答专家! 点击按钮去提问......
扑朔 关注 已关注

最近一次登录:2023-12-10 07:54:31   

暂时还没有签名,请关注我或评论我的文章
×
免费图表工具,画流程图、架构图