Vue 生命周期及子组件生命周期执行过程

Vue 生命周期及子组件生命周期执行过程

  • 正常情况下 vue 中的生命周期执行顺序
    • beforeCreate
    • created
    • beforeMount
    • mounted
    • beforeUpdate
    • updated
    • beforeDestroy
    • destroyed
  • 如果在项目中父组件在调用自组建时生命周期的执行顺序
    • 父组件 beforeCreate
    • 父组件 created
    • 父组件 beforeMount
    • 子组建 beforeCreate
    • 子组建 created
    • 子组建 beforeMount
    • 子组建 mounted
    • 子组建 beforeUpdate
    • 子组建 updated
    • 子组建 beforeDestroy
    • 子组建 destroyed
    • 父组件 mounted
    • 父组件 beforeUpdate
    • 父组件 updated
    • 父组件 beforeDestroy
    • 父组件 destroyed

附上官方声明周期图
Vue 生命周期及子组件生命周期执行过程