【问题标题】:Why is the store state of the vuex not stored in localStorage?为什么vuex的store state没有存入localStorage?
【发布时间】:2020-07-27 04:40:41
【问题描述】:

当我刷新页面时,商店的状态全部消失了。

这在编程的时候很不方便。

抬头一看,有一个叫vuex-persist的模块,将vuex的状态存储在localStorage中。

  1. 为什么vuex默认不将vuex的状态存储在cookie或者localStorage中?

  2. 而且,使用 vuex-persist 模块存储 store 的状态会有副作用吗?

【问题讨论】:

  • 1.为什么要呢?它没有被宣传为持久状态,也没有被普遍用作持久状态。如果您唯一的使用场景是客户端的持久状态,那么使用 vuex-persist,这就是它的用途。 2. 如果不需要持久状态,就会有。
  • 那么,如果我使用vuex-persist只保存一部分状态,是不是有什么副作用呢?
  • 这个一般不能考虑,完全看你的情况。如果您的应用由于您在某个地方使用过时的本地数据而不是从服务器获取数据而停止按预期工作,请认为这是一种副作用。

标签: vue.js vuex nuxt.js store


【解决方案1】:

为什么vuex默认不将vuex的状态存储在cookie或者localStorage中?

Vuex 是一个状态管理库。在大多数情况下,状态将从 API 或数据库中部分填充。保持这种状态不是 Vuex 的责任。

使用 vuex-persist 模块存储 store 的状态会有副作用吗?

这取决于您的应用程序是什么,但不应该

请注意本地存储的大小,它很大但不是无限的。

【讨论】:

  • 为什么不呢?而如果我使用 vuex-persist 中的选项只保存一部分状态,大小的副作用会消失吗?
  • 同样,这取决于您的应用程序!您的问题不够精确,无法准确回答
  • 我的应用程序在 vuex 状态下存储语言环境、公司名称和成员令牌!
  • 那么在这种情况下,本地存储显然就足够了。您甚至可以使用 cookie 来获得更好的浏览器兼容性
  • 谢谢!你帮了我
猜你喜欢
  • 2019-11-03
  • 2019-09-11
  • 2015-10-11
  • 1970-01-01
  • 2022-01-24
  • 2012-08-31
  • 2020-04-09
  • 2018-11-10
  • 2018-08-09
相关资源
最近更新 更多