deactivated 被缓存组件停用
最后更新:2026-10-22
deactivated 被缓存组件停用
deactivated 在被
| 分组 | 选项式·渲染与生命周期 |
|---|---|
| 类型 | 选项 |
| 作用域 | 组件内 |
| Vue 版本 | 3.0+ |
| SSR 支持 | 支持 |
📝 语法
export default {
deactivated() {
this.stop()
}
}
⚙️ 参数
| value | 无参数 |
|---|
返回值:无返回值
▶ 示例
修改下面的代码,在预览区实时查看效果:
输出:
隐藏后计时暂停,再显示时接着走。
💡 要点
ℹ️ 说明 停用≠销毁:实例与状态都保留,别做不可逆清理。
💡 提示 适合暂停轮询、动画与实时订阅。
🏷️ 相关渲染与生命周期
💡 相关案例
更多案例即将上线。
📚 相关教程
❓ 常见问题
Q 和 unmounted 的区别?
A 停用只是隐藏;缓存被移除时才会真正销毁。
Q 状态还在吗?
A 在,重新激活后继续使用。
Q 适合停什么?
A 定时器、轮询、动画等隐藏期间不必运行的任务。