子组件与父组件生命周期发生的先后顺序
在父组件与子组件中分别加入created()和mounted()钩子函数
<outer>
<inner>
</inner>
</outer>
// outer.vue
created() {
console.log('outer created')
},
mounted() {
console.log('outer mounted')
}
// inner.vue
created() {
console.log('inner created')
}
mounted() {
console.log('inner mounted')
}
最后的执行结果是:
uter created
inner created
inner mounted
outer mounted
可以发现,父组件先于子组件created,而子组件先于父组件mounted。