12- vue 父子组件的生命周期顺序

38 阅读1分钟

vue 父子组件的生命周期顺序

创建时

正常嵌套
--> 父组件的beforeCreate、created、beforeMount 
--> 所有子组件的beforeCreate、created、beforeMount
--> 所有子组件的mounted 
--> 父组件的mounted
  •  总结:父组件先创建,然后子组件创建;子组件先挂载,然后父组件挂载
异步引入时:
  --> 父组件的beforeCreate、created、beforeMount、mounted 
  --> 子组件的beforeCreate、created、beforeMount、mounted

  总结:父组件创建,父组件挂载;子组件创建,子组件挂载。

更新时

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

销毁过程

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