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

187 阅读1分钟

0068Lfdegy1gwimy4icfij30go0go40s.jpg

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

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

  • 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