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

930 阅读1分钟

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

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

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

加载渲染过程 子组件在父组件的beforeMountMounted之间渲染

组件加载渲染过程

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

子组件更新过程

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

父组件更新过程

beforeUpdate->父updated

组件更新过程

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

父组件销毁过程

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

渲染加载

image.png

销毁

image.png