插件名称:vuex-persistedstate
官方文档:https://www.npmjs.com/package/vuex-persistedstate
下面是使用步骤以及常用的配置
// 1. 安装
npm install vuex-persistedstate
// 2.vuex store.js 文件引入并配置
import persistedState from 'vuex-persistedstate'
export default new Vuex.Store({
plugins: [
persistedState({
// 配置项
// 1. 本地存储key的字段名。默认为vuex 所有持久化的数据都会存到这个字段里面
key: '',
// 2. 改变存储的位置,默认localStorage,也可以结合cookie和js-cookie使用
storage: window.sessionStorage,
// 3. 默认所有数据都是持久化的,可以手动控制哪个属性需要持久化
reducer(val) {
return {
// 主文件里面的state
token: val.token,
// modules里面的state
userInfo: val.模块名.state里面属性名
}
}
})
],
state:{
token:''
},
mutations:{},
actions:{},
modules:{}
})