vuex数据持久化

vuex在刷新浏览器后，数据会丢失，使用vuex-persistedstate插件

(1)安装
npm i vuex-persistedstate -S
(2)引入store
import Vue from 'vue'
import Vuex from 'vuex'
import createPersistedState from 'vuex-persistedstate'
 
Vue.use(Vuex)
 
export default new Vuex.Store({
  state: {
    userInfo: {} // 用户信息
  },
  mutations: {
    setUserInfo (state, data) {
      state.userInfo = data
    }
  },
  plugins: [createPersistedState({
    storage: window.localStorage
    // 指定持久化对象，不配置则数据全部持久化
    // reducer (state) {
    //   return {
    //     userInfo: state.userInfo
    //   }
    // }
  })]
})