vue将vuex状态管理数据存储在localstorage

vue将vuex状态管理数据存储在localstorage

vue项目安装vuex-persistedstate（vuex持久化）

npm i vuex-persistedstate -S

//store/index.js

import Vue from 'vue'
import Vuex from 'vuex'
import xxxfrom './modules/xxx';
import createPersistedState from "vuex-persistedstate"


Vue.use(Vuex)

export default new Vuex.Store({
  state: {
    
  },
  mutations: {
    
  },
  actions: {
  },
  // 从modules引入状态管理数据
  modules: {
    xxx
  },
  // 将state的数据全部存入localstorage
  plugins:[createPersistedState()]
})