vue生命周期函数

父子组件加载顺序

  • 加载渲染过程
    父beforeCreate->父created->父beforeMount->子beforeCreate->子created->子beforeMount->子mounted->父mounted
  • 子组件更新过程
    父beforeUpdate->子beforeUpdate->子updated->父updated
  • 父组件更新过程
    父beforeUpdate->父updated
  • 销毁过程
    父beforeDestroy->子beforeDestroy->子destroyed->父destroyed

原因:父子组件的生命周期顺序是为了保证在父组件完成一些初始化工作后,子组件能够正常地进行初始化和挂载。这样可以有效地管理组件之间的依赖关系,确保组件间的数据和状态的正确传递和更新。
简单来讲就是就是购物柜和商品,有购物柜才能放商品,最后把柜子门一关就行,然后后面就进行商品的更新及下架了。

vue2和vue3生命周期

vue生命周期函数_第1张图片

你可能感兴趣的:(vue,vue.js,javascript,前端)