vue3 父子组件生命周期

在Vue3中，父子组件的生命周期包括以下几个阶段：
- 父组件beforeCreate：组件实例被创建之前的钩子函数。
- 父组件created：组件实例被创建之后的钩子函数，但是还未挂载到DOM上。
- 父组件beforeMount：组件即将被挂载到DOM上的钩子函数。
- 子组件beforeCreate：子组件实例被创建之前的钩子函数。
- 子组件created：子组件实例被创建之后的钩子函数，但是还未挂载到DOM上。
- 子组件beforeMount：子组件即将被挂载到DOM上的钩子函数。
- 子组件mounted：子组件已经被挂载到DOM上的钩子函数。
- 父组件mounted：父组件已经被挂载到DOM上的钩子函数。
- 父组件beforeUpdate：父组件数据更新之前的钩子函数。
- 子组件beforeUpdate：子组件数据更新之前的钩子函数。
- 子组件updated：子组件数据更新之后的钩子函数。
- 父组件updated：父组件数据更新之后的钩子函数。
- 父组件beforeUnmount：组件即将被销毁之前的钩子函数。
- 子组件beforeUnmount：子组件即将被销毁之前的钩子函数。
- 子组件unmounted：子组件已经被销毁的钩子函数。
- 父组件unmounted：父组件已经被销毁的钩子函数。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* [Vue3 --父子组件生命周期](https://blog.csdn.net/m0_47901007/article/details/118763279)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 33.333333333333336%"]
- *2* [Vue——父子组件的生命周期（执行顺序）](https://blog.csdn.net/leilei__66/article/details/118699960)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 33.333333333333336%"]
- *3* [计算机程序设计语言课程设计(VUE.js)及实践项目的例子.txt](https://download.csdn.net/download/weixin_44609920/88236928)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 33.333333333333336%"]
[ .reference_list ]