keep-alive的两个生命周期钩子函数
时间: 2023-08-10 09:57:44 浏览: 150
详解Vue的钩子函数(路由导航守卫、keep-alive、生命周期钩子)
keep-alive 组件是 Vue.js 中的一个抽象组件,用于缓存其他组件。它提供了两个生命周期钩子函数来控制缓存组件的行为。
1. activated:在缓存的组件被激活时调用。当一个被 keep-alive 缓存的组件被切换到时,activated 钩子函数会被触发。你可以在这个钩子函数中执行一些逻辑,比如重新请求数据、更新状态等。
2. deactivated:在缓存的组件被停用时调用。当一个被 keep-alive 缓存的组件被切换出去时,deactivated 钩子函数会被触发。你可以在这个钩子函数中执行一些清理操作,比如取消订阅、重置状态等。
这两个生命周期钩子函数可以帮助你在 keep-alive 缓存的组件切换时进行必要的操作,以满足你的业务需求。
阅读全文