实时更新 Vuex 缓存数据的方法？

Question

vuex缓存数据策略
面试被问到缓存数据，回答通过添加定时任务和设置缓存过期时间来实现。
使用JavaScript的定时器来定期更新缓存数据。在Vuex的actions中，添加定时任务来定期更新缓存数据。
但是如何保证数据是实时更新的同时不需要多次调用接口去获取数据

Answer 1

计时器来更新数据是很不靠谱的一种方案，现在浏览器带睡眠功能，睡眠的时候js功能会停止工作

计时器要写就写到Worker里面，或者最靠谱的就是用socket,后端来通知前端来更新数据

Answer 2

听起来比较符合要求的是用websocket?
后台实时有数据更新就通过websocket发到前台更新vuex
试试 vue-native-websocket

Answer 3

我好像没能理解问题中的 “缓存数据” 指得是什么。

看起来像是需要实时更新数据，但是想要减少请求频次？那么除了轮询之外就是这三个方式：

1. 长轮询
2. WebSocket
3. Server-Sent Events

相关文档

• 长连接、短连接、长轮询、短轮询、WebSocket释疑 - Corwien - SegmentFault 思否
• WebSocket - Web API 接口参考 | MDN
• 服务器发送事件 - Web API 接口参考 | MDN