1、创建过程自上而下,挂载过程自下而上
父组件 created
子组件created
子组件mounted
父组件mounted
2、原因:
Vue创建过程是一个递归过程,先创建父组件,有子组件就会创建子组件,因此创建时先有父组件再有子组件;子组件首次创建会添加mounted钩子到队列,等到patch结束再执行他们,可见子组件的mounted钩子是先进入到队列中的,因此等到patch结束执行这些钩子时也先执行。
36、父子组件的创建和挂载顺序
点击返回顶部
1、创建过程自上而下,挂载过程自下而上
父组件 created
子组件created
子组件mounted
父组件mounted
2、原因:
Vue创建过程是一个递归过程,先创建父组件,有子组件就会创建子组件,因此创建时先有父组件再有子组件;子组件首次创建会添加mounted钩子到队列,等到patch结束再执行他们,可见子组件的mounted钩子是先进入到队列中的,因此等到patch结束执行这些钩子时也先执行。