vue父子组件生命周期顺序

Vue父子组件生命周期的顺序如下：

1.父组件beforeCreate

2.父组件created

3.父组件beforeMount

4.子组件beforeCreate

5.子组件created

6.子组件beforeMount

7.子组件mounted

8.父组件mounted

9.父组件beforeUpdate

10.子组件beforeUpdate

11.子组件updated

12.父组件updated

13.父组件beforeDestroy

14.子组件beforeDestroy

15.子组件destroyed

16.父组件destroyed

其中，父组件的生命周期顺序为beforeCreate、created、beforeMount、mounted、beforeUpdate、updated、beforeDestroy、destroyed。

子组件的生命周期顺序为beforeCreate、created、beforeMount、mounted、beforeUpdate、updated、beforeDestroy、destroyed。

相关问题

vue 父子组件生命周期执行顺序

在Vue中，父子组件的生命周期钩子函数的执行顺序如下：

1. 父组件：
- beforeCreate：在实例初始化之后，数据观测 (data observer) 和 event/watcher 事件配置之前被调用。
- created：在实例创建完成后被立即调用。在这一步，实例已完成以下配置：数据观测 (data observer)，属性和方法的运算，watch/event 事件回调。然而，挂载阶段还没开始，$el 属性目前不可见。
- beforeMount：在挂载开始之前被调用。相关的 render 函数首次被调用。
- mounted：el 被新创建的 vm.$el 替换，并挂载到实例上去之后调用该钩子。
- beforeUpdate：数据更新时调用，发生在虚拟 DOM 重新渲染和打补丁之前。可以在该钩子中对数据进行修改。
- updated：由于数据更改导致的虚拟 DOM 重新渲染和打补丁完成之后调用。
- beforeDestroy：实例销毁之前调用。在这一步，实例仍然完全可用。
- destroyed：Vue 实例销毁后调用。此时，Vue 实例的所有指令都已解绑，所有事件监听器都已移除。

2. 子组件：
- beforeCreate、created、beforeMount、mounted、beforeUpdate、updated、beforeDestroy、destroyed 这些生命周期钩子函数的执行顺序与父组件相同。

vue父子组件生命周期执行顺序

Vue父子组件的生命周期执行顺序为：
父组件 - beforeCreate
父组件 - created
父组件 - beforeMount
子组件 - beforeCreate
子组件 - created
子组件 - beforeMounted
子组件 - mounted
父组件 - mounted