vuex页面刷新数据丢失问题解决

1、安装 vuex-persist

npm install --save vuex-persist
or
yarn add vuex-persist

2、在store文件夹里的index.js中引入vuex-persist并配置相关代码

import Vue from 'vue'
import Vuex from 'vuex'
import indexOne from "./modules/indexOne"
import VuexPersistence from 'vuex-persist'
Vue.use(Vuex)
 
const vuexLocal = new VuexPersistence({
    storage: window.localStorage
})
 
const store = new Vuex.Store({
    strict: false,
    modules:{
        indexOne,
    },
    plugins: [vuexLocal.plugin]
      
  }) 
 
export default store;