blog icon indicating copy to clipboard operation
blog copied to clipboard
verified publisher icon ly2011

Vue 的父组件和子组件生命周期钩子执行顺序是什么?

Open ly2011 opened this issue 6 years ago • 2 comments

Vue 的父组件和子组件生命周期钩子执行顺序是什么

ly2011 avatar May 21 '19 01:05 ly2011

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

父beforeUpdate->子beforeUpdate->子update->父update

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

gaoyafengyagao avatar May 21 '19 12:05 gaoyafengyagao

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

ly2011 avatar Jul 04 '19 07:07 ly2011