[vue] Vue 生命周期以及子组件和父组件生命周期发生的先后顺序

子组件与父组件生命周期发生的先后顺序
在父组件与子组件中分别加入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。

---

参考：Vue 生命周期以及子组件和父组件生命周期发生的先后顺序