浏览器刷新解决vuex数据清空插件vuex-persist

安装

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

使用

// 1. 导入vue和vuex
import Vue from 'vue'
import Vuex from 'vuex';
import VuexPersistence from 'vuex-persist'

// 2. 导入分别的功能
import state from './state'
import mutations from './mutations'
import actions from './actions'

// 3. 注册vuex
Vue.use(Vuex);


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

// 4. 创建vuex对象
export default new Vuex.Store({
    state,
    mutations,
    actions,
    plugins:[
        vuexLocal.plugin
    ]
})

部分永久存储

const vuexLocal = new VuexPersistence({
  storage: window.localStorage,
  reducer(val) {
    return {
      modalStatus: val.modalStatus, 
      loginStatus: val.loginStatus, 
      userInfo: val.userInfo 
    }
   }
})