Vuex 持久化存储 借助 vuex-persistedstate

1、下载包

npm install vuex-persistedstate

2、在 store/index 中引入

import Vue from 'vue'
import Vuex from 'vuex'
import user from './modules/user'
import permission from './modules/permission'
// 引入持久化模块包
import createPersistedstate from 'vuex-persistedstate'

Vue.use(Vuex)

// 这是vuex 的模块
const store = new Vuex.Store({
  modules: {
    user,
    permission
  },
  plugins: [
    createPersistedstate({
      key: 'per-user', // 存数据的key名   自定义的  要有语义化
      paths: ['user'] // 要把那些模块加入缓存
    })
  ]

})
export default store