vuex，modules 模式开发 页面刷新值丢失

Question

使用vuex modules 模式开发 本地使用sesion存储页面刷新时老的值 在覆盖回来，导致我新增的数据 加载不到页面上

Answer 1

是我理解错了吗？这不是废话吗？vuex modules 本来就是一个变量啊，你刷新页面肯定没有了

想要避免这样的情况，建议每次更新 vuex store 就用cookie或是sessionstorage localstorage等同步一下

---

已参与了 SegmentFault 思否「问答」打卡，欢迎正在阅读的你也加入。

Answer 2

vuex 也是js文件呀，刷新后要重新进行加载，肯定会没有值呀，可以先存储到本地，刷新后在 vuex 重新获取一下

Answer 3

Vuex的State是存储在Js运行时的内存里的, 刷新页面就会被收回。
如果想要持久化的存储, 刷页面也存在话, 建议用vuex-persistedstate这个npm包.

Answer 4

首先 vuex 的 state 是和 vue 的 data 一样是运行并缓存在内存中的，浏览器的页面刷新会一起被清空。

如果需要 数据持久化，考虑使用 localStorage 缓存到浏览器本地缓存，或者直接使用 vue-ls 这个依赖。👉 vue-ls

已参与了 SegmentFault 思否「问答」打卡，欢迎正在阅读的你也加入。