父组件和子组件之间的生命周期执行顺序

Posted qinglaoshi

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了父组件和子组件之间的生命周期执行顺序相关的知识,希望对你有一定的参考价值。

初次渲染就会触发的生命周期

  • beforeCreate() , created()
  • beforeMount() , mounted()

组件的调用顺序都是先父后子,渲染完成的顺序是先子后父。 组件的销毁操作是先父后子,销毁完成的顺序是先子后父。

加载渲染过程 子组件在父组件的beforeMount和Mounted之间渲染

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

子组件更新过程

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

父组件更新过程

- 影响到子组件: - 父beforeUpdate -> 子beforeUpdate->子updated -> 父updted
- 不影响子组件: - 父beforeUpdate -> 父updated

销毁过程

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

 

以上是关于父组件和子组件之间的生命周期执行顺序的主要内容,如果未能解决你的问题,请参考以下文章

Vue-的父组件和子组件生命周期钩子函数执行顺序

Vue 的父组件和子组件生命周期钩子执行顺序

Vue 的父组件和子组件生命周期钩子执行顺序

Vue 的父组件和子组件生命周期钩子函数执行顺序?

Vue 的父组件和子组件生命周期钩子函数执行顺序?

简单记录一下vue生命周期及 父组件和子组件生命周期钩子执行顺序