Vue组件中父组件和子组件生命周期函数加载顺序

431 阅读1分钟

Vue组件中父组件和子组件生命周期函数加载顺序可以分以下4类:

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

总结;子组件的生命周期函数都会从父组件开始加载到子组件加载结束,然后父组件结束。