刷新浏览器后,vuex数据会丢失,如何解决?

144 阅读1分钟

vue项目中用vuex来做全局状态管理,当刷新网页后,保存在vuex实例store里的数据会丢失 原因:是因为store里的数据是保存在运行内存中的,当页面刷新,会重新加载vue实例,store里的数据就会重新赋值初始化。

解决办法:

  1. 使用vuex-along

    vuex-along的实质也是将vuex中的数据存放到localStorage或者sessionStorage中

  2. 使用localStorage或者sessionStorage