activated 被缓存组件激活

最后更新：2026-10-22

activated 在被缓存的组件重新显示时调用：恢复轮询、刷新数据。

📝 语法

export default {
  activated() {
    this.start()
  }
}

value	无参数

返回值：无返回值

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

输出：

切换面板再切回，A 面板的激活次数累加（状态被保留）。

ℹ️ 说明 仅 KeepAlive 包裹的组件触发；普通组件不会调用。

💡 提示 与 deactivated 成对：恢复与暂停各管一半。

⚠️ 注意 首次挂载同样触发一次，逻辑要幂等。

更多案例即将上线。

Q 和 mounted 的区别？

A mounted 只一次；activated 每次显示都触发。

Q 状态会保留吗？

A 保留，这正是 KeepAlive 的目的。

Q 能在这里发请求吗？

A 可以，是“重新进入时刷新”的标准位置。

Web-Tutorial 技术团队

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