问题:
网页刷新,vuex也会丢失数据
解决:
推荐使用vuex状态持久化插件vuex-persistedstate
vuex-persistedstate插件使用浏览器的本地存储( local storage )对 vuex 的状态( state )进行持久化
安装 vuex-persistedstate:
npm install vuex-persistedstate --save-dev
在store下的index.js文件中引入
import Vue from 'vue'
import Vuex from 'vuex'
import getters from './getters'
import createPersistedState from 'vuex-persistedstate'
Vue.use(Vuex)
const store = new Vuex.Store({
modules,
getters,
plugins: [createPersistedState(
{ storage: window.sessionStorage }
)]
})
export default store