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

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

总体来说，父组件的生命周期先于子组件的生命周期，而在组件销毁时，子组件的销毁先于父组件的销毁。

相关问题

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

在Vue3中，父子组件生命周期的执行顺序与Vue2有些不同。下面是Vue3中父子组件生命周期的执行顺序：

1. 父组件beforeCreate
2. 父组件setup
3. 父组件created
4. 子组件beforeCreate
5. 子组件setup
6. 子组件created
7. 子组件beforeMount
8. 子组件onBeforeMount
9. 父组件beforeMount
10. 父组件onBeforeMount
11. 子组件mounted
12. 子组件onMounted
13. 父组件mounted
14. 父组件onMounted
15. 子组件beforeUpdate
16. 子组件onBeforeUpdate
17. 父组件beforeUpdate
18. 父组件onBeforeUpdate
19. 子组件updated
20. 子组件onUpdated
21. 父组件updated
22. 父组件onUpdated
23. 子组件beforeUnmount
24. 子组件onBeforeUnmount
25. 父组件beforeUnmount
26. 父组件onBeforeUnmount
27. 子组件unmounted
28. 子组件unmounted

需要注意的是，在Vue3中，父组件的 `beforeMount` 和 `onBeforeMount` 钩子函数会在子组件的对应钩子函数之前执行，而在Vue2中，是先执行子组件的 `beforeMount` 钩子函数，再执行父组件的 `beforeMount` 钩子函数。

vue2父子组件声明周期执行顺序

在 Vue 2 中，父子组件的声明周期执行顺序如下：

1. 父组件的 `beforeCreate` 钩子函数被调用。
2. 父组件的 `created` 钩子函数被调用。
3. 父组件的 `beforeMount` 钩子函数被调用。
4. 子组件的 `beforeCreate` 钩子函数被调用。
5. 子组件的 `created` 钩子函数被调用。
6. 子组件的 `beforeMount` 钩子函数被调用。
7. 子组件的 `mounted` 钩子函数被调用。
8. 父组件的 `mounted` 钩子函数被调用。

总结起来，父组件的声明周期先于子组件。在父组件的生命周期中，子组件的生命周期也会被触发。