前言
Vuex中储存的的数据由于是存放在内存中的,浏览器刷新之后,state就清空了,我们需要将state持久化
操作
下载vuex-persisterdstate
npm install vuex-persistedstate
配置
打开store/index.js
import Vue from 'vue'
import Vuex from 'vuex'
import createPersistedState from 'vuex-persistedstate'//在此引入
Vue.use(Vuex)
export default new Vuex.Store({
state: {
},
mutations: {
},
actions: {
},
modules: {
},
plugins: [createPersistedState()]//添加此行
})
之后再刷新就不会重置state了