vue 父子组件的生命周期顺序

vue 父子组件的生命周期顺序

1、加载渲染过程

父beforeCreate->父created->父beforeMount->子beforeCreate->子created->子beforeMount->子mounted->父mounted

我们看到是先执行父组件的beforeCreate, created, beforeMounted这三个，虚拟Dom生成还没有挂载到页面上；
beforeMounted之后执行子组件的四个生命周期，子组件先挂载完成，接着父组件挂载；

因此在子组件的mounted中渲染父组件在mounted阶段请求的数据，是会无反应的。
因为子组件mounted渲染数据会发生在父组件mounted请求数据之前。

！！！注意：如果你打印出来不是这个顺序，看下是否执行了异步加载代码；

2、子组件更新过程

父beforeUpdate->子beforeUpdate->子updated->父updated

3、父组件更新过程

父beforeUpdate->父updated

4、组件销毁过程

父beforeDestroy->子beforeDestroy->子destroyed->父destroyed