Vue父子组件之间生命周期执行顺序问题

大佬们 为什么 我引入了一个子组件,会先执行父组件的mounted 再执行子组件的mounted呢

没有父亲哪儿来的儿子

2 Likes

顺序是先执行父组件的创建=》挂载前,现在做的是页面解析会发现子组件然后进去子组件去创建,挂载前后完成然后就回到父组件的挂载后也就是模板解析完成

生命周期选项 | Vue.js (vuejs.org)

  • 所有同步子组件都已经被挂载。(不包含异步组件或 <Suspense> 树内的组件)

例: component A (父) | componentB (子)

A before mount
B before mount
B mounted
A mounted

mounted确实要先子后父
检查一下子组件是否是异步的或是在父组件挂载完成之后才加载的(比如router-view,component的第n+1次等)