vue父组件和子组件的生命周期
时间: 2023-09-19 07:12:54 浏览: 50
钩子函数有哪些?
Vue.js 的生命周期钩子函数包括 `beforeCreate`, `created`, `beforeMount`, `mounted`, `beforeUpdate`, `updated`, `beforeDestroy` 和 `destroyed`。其中,父组件和子组件的生命周期钩子函数执行顺序为先父后子,即先执行父组件的钩子函数,再执行子组件的钩子函数。另外,在组件间传递数据时,父组件通过 `props` 向子组件传递数据,子组件通过 `$emit` 向父组件传递事件。
相关问题
vue父组件和子组件生命周期钩子函数执行顺序
Vue 父组件的生命周期钩子函数会先于子组件的生命周期钩子函数执行,具体的执行顺序如下:1. beforeCreate 2. created 3. beforeMount 4. mounted 5. beforeUpdate 6. updated 7. beforeDestroy 8. destroyed 9. activated 10. deactivated 11. errorCaptured
父组件生命周期和子组件生命周期
父组件和子组件的生命周期会经历以下阶段:
1. 加载渲染过程:
- 父组件: beforeCreate -> created -> beforeMount
- 子组件: beforeCreate -> created -> beforeMount -> mounted
2. 子组件更新过程:
- 父组件: beforeUpdate
- 子组件: beforeUpdate -> updated
3. 父组件更新过程:
- 父组件: beforeUpdate -> updated
[3]
4. 销毁过程:
- 父组件: beforeDestroy -> 子 beforeDestroy -> 子 destroyed -> 父 destroyed
这是父组件和子组件的生命周期执行顺序。在加载渲染过程中,父组件会在子组件之前执行,而在销毁过程中,子组件会在父组件之前执行。在更新过程中,父组件和子组件会同步执行。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *2* [vue组件的生命周期和父子组件生命周期执行顺序](https://blog.csdn.net/qq_64454072/article/details/124654855)[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: 50%"]
- *3* [vue 父组件和子组件生命周期执行顺序](https://blog.csdn.net/weixin_45272820/article/details/120450822)[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: 50%"]
[ .reference_list ]