vue生命周期调用顺序

组件调用顺序都是先父后子，渲染完成顺序是先子后父。

组件销毁操作是先父后子，销毁完成顺序是先子后父。

beforeCreate // 实例正在生成
created //实例生成完毕
beforeMount // 正在渲染页面
mounted //渲染完成
beforeUndate //更新开始
undated //更新结束
beforeDestroy //销毁开始执行(可以访问data)
destroyed //销毁完成(不可以访问data)

 

加载渲染

 beforeCreate(父) ---> created(父) --->beforMount(父) --->beforeCreate(子) --->created(子) --->beforeMount(子) ---> mounted(子)--->mounted(父)  //渲染完成

子组件更新

beforeUpdate(父)--->beforeUpdate(子)--->update(子)--->update(父)//更新完成

父组件更新过程

beforeUpdate(父) ---> update(父)