vue开发--vue页面刷新state丢失,vuex数据持久化plugins
程序员文章站
2022-07-13 22:46:22
...
vuex数据持久化插件可保存vuex数据至storage中
import Vue from 'vue'
import Vuex from 'vuex'
// 引入数据模块
import app from './modules/app'
import user from './modules/user'
Vue.use(Vuex)
const store = new Vuex.Store({
// 数据持久化配置
plugins: [createPersistedState({
// 持久化存储的方式
storage: window.sessionStorage,
reducer(val) {
return {
//放入要持久化存储的数据模块
user: val.user
}
}
})],
modules: {
//引入的数据模块
app,
user
},
getters
})
export default store