其他分享
首页 > 其他分享> > vue生命周期调用顺序

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(父)

标签:beforeUpdate,生命周期,beforeCreate,销毁,渲染,调用,---,vue,组件
来源: https://www.cnblogs.com/liukuidashen/p/14100898.html