跳至主要內容

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

fxss原创Vue小于 1 分钟

  1. 加载渲染过程

    1. 父组件: beforeCreate -> created -> beforeMount
    2. 子组件: -> beforeCreate -> created -> beforeMount -> mounted
    3. 父组件: -> mounted
  2. 子组件更新过程

    1. 父组件: beforeUpdate
    2. 子组件: -> beforeUpdate -> updated
    3. 父组件: -> updated
  3. 父组件更新过程

    1. 父组件: beforeUpdate -> updated
  4. 销毁过程

    1. 父组件: beforeDestroy
    2. 子组件: -> beforeDestroy -> destroyed
    3. 父组件: -> destroyed