vuex-persistedstate 持久化插件用来解决数据刷新问题

vuex-persistedstate 持久化插件用来解决数据刷新数据丢失问题
1.指定需要持久化的state
npm install vuex-persistedstate --save
引入及配置

在store下的index.js中
import createPersistedState from "vuex-persistedstate"
const store = new Vuex.Store({
// ...
plugins: [createPersistedState({
storage: window.sessionStorage,
reducer(val) {
return {
// 只储存state中的assessmentData
assessmentData: val.assessmentData
user: {
name: val.user.name
}
}
}
})]
参考文献:https://blog.csdn.net/weixin_44705688/article/details/100153446

posted @ 2022-10-10 21:02  小白张先生  阅读(57)  评论(0)    收藏  举报