Vue3 线上项目，页面停留很久没有操作后，再次操作会没有响应？

Question

如题所述

Answer 1

这个原因应该是浏览器自己休眠了，现在浏览器基本都有这种设计（chrome系），长时间没人动时会对闲置的页面资源进行回收来减少内存占用。
Vue3的话你可以试试keep-alive组件，可以避免在用户回到页面时重新渲染。
还有个折衷方案：
地址栏输入 chrome://flags/#proactive-tab-freeze-and-discarding，找“Proactive Tab Freeze and Discard”选项改成“Disabled”来禁用浏览器的页面冻结功能，但这玩意就比较吃内存了。