前言
vuex数据在刷新的时候会初始化,之前的数据就拿不到了,我们怎么解决呢?
解决:把数据持久化存储(state中的数据做一个持久化存储)
1. npm 安装
npm install vuex-persist -s
2. 创建持久化存储对象
- 在store目录下修改以下标有操作内容
import getters from './getters.js'
import actions from './actions.js'
import mutations from './mutations.js'
//操作1
import VuexPersistence from "vuex-persist"
Vue.use(Vuex)
//操作2
const vueLocal=new VuexPersistence({
// storage 存储方式 默认的是localStorage存储,可以修改成会话存储(window.sessionStorage)
storage:window.sessionStorage
})
const store = new Vuex.Store({
state,
getters,
actions,
mutations,
//操作3
plugins:[vueLocal.plugin]
})
export default store