onDeactivated() 被 KeepAlive 停用时调用

最后更新：2026-10-22

onDeactivated() 在被缓存的组件隐藏（停用）时调用：组件未销毁，适合暂停定时器。

📝 语法

onDeactivated(() => {
  clearInterval(timer)
})

callback	停用时执行的函数

返回值：无

修改下面的代码，在预览区实时查看效果：

输出：

切换隐藏后计时暂停；再显示时从暂停处继续（组件未被销毁）。

💡 提示 与 onActivated 成对使用：一个恢复、一个暂停，形成完整的缓存生命周期。

⚠️ 注意 停用不等于销毁：组件实例与状态都还在，别在这里做不可逆清理。

更多案例即将上线。

Q 停用后状态会保留吗？

A 保留，这正是 KeepAlive 的意义；重新激活时接着用。

Q 和 onUnmounted 的区别？

A onDeactivated 只是隐藏；onUnmounted 是真正销毁（缓存被移除时才会走到）。

Q 适合清理什么？

A 定时器、轮询、动画、实时订阅等“隐藏期间不必运行”的任务。

Web-Tutorial 技术团队

由多位开发者共同维护的编程教程平台。每篇教程由对应领域的开发者编写和审核，确保内容准确可靠。如发现任何问题，欢迎向我们反馈。