vue组件激活的生命周期
时间: 2023-10-19 10:31:47 浏览: 40
在Vue中,组件的激活生命周期包括两个钩子函数:activated和deactivated。activated钩子函数会在组件被激活时调用,而deactivated钩子函数会在组件被停用时调用。当组件从一个被缓存的路由切换到另一个路由时,组件不会被销毁,而是会触发activated钩子函数,表示组件被激活。在这个钩子函数中,我们可以执行需要在组件激活时执行的逻辑操作。而当组件从当前路由切换到其他路由时,会触发deactivated钩子函数,表示组件被停用。在这个钩子函数中,我们可以执行需要在组件停用时执行的逻辑操作。通过使用activated和deactivated钩子函数,我们可以更好地控制组件在激活和停用状态下的行为。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* [Vue生命周期(keep-alive缓存特殊activated(组件激活时)、deactivated(组件停用时))、父子组件的执行顺序](https://blog.csdn.net/muzidigbig/article/details/112696398)[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学习】Vue组件的生命周期](https://blog.csdn.net/zx1041561837/article/details/129202119)[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中keep-alive内置组件缓存的实例代码](https://download.csdn.net/download/weixin_38721119/14801633)[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 ]