安装

npm install -S vuex-persist（yarn add vuex-persist）

使用：

/store/index.js引入vuex-persist配置：

import Vue from 'vue'
import Vuex from 'vuex'
import VuexPersistence from 'vuex-persist'
import user from './modules/user'  // 自定义的modules
import getters from './getters' // 自定义的getters

Vue.use(Vuex)

const vuexLocal = new VuexPersistence({
  storage: window.sessionStorage
})

const store = new Vuex.Store({
  modules: {
    user
  },
  getters,
  plugins: [vuexLocal.plugin]
})

export default store

Vuex强制刷新数据丢失解决方案
Vuex强制刷新数据丢失解决方案解决思路：将store中的数据缓存到客户端存储中：cookie、local s...
Vuex数据状态持久化：vuex-persistedstate、
vuex-persistedstate 安装使用需要持久化的数据 vuex-persist 它就是为 Vuex...
Vuex持续保存数据页面刷新不丢失 vuex-persist
vuex可以进行全局的状态管理，但刷新后刷新后数据会消失，这是我们不愿意看到的。怎么解决呢，我们可以结合本地存储做...
2019-01-10 vuex-persist 持久化设置
安装： npm install --save vuex-persist or yarn add vuex-pers...
Vuex + localStorage 实现用户登录
使用过 Vuex 的都知道, 存储在 Vuex 中的数据不能持久化, 刷新页面之后数据就会丢失, 这对于用户登录需...
vuex状态持久化，vuex-persistedstate
保存在vuex里的数据，页面刷新就会丢失，可以用vuex-persistedstate来持久化，默认用的是loca...
页面刷新，VUEX数据丢失
原因：VUEX数据一般是放在计算属性computed中，但是刷新页面VUEX中的数据没有更改，即不触发comput...
解决Vuex刷新丢失数据
看了网上的解释解决办法是localStorage 然后就不明白了既然可以使用localStorage 为什么还...
Vuex数据持久化
使用Vuex时发现页面刷新以后Vuex里面存储的state数据会丢失，因为我们的state都是存储在内存中的。解决...
46.vue数据存储
vuex 刷新就会丢失sessionStorage 它有只要页面不关闭，不手动删除数据，数据就会一直存在，现在...