因为vuex中state中的数据是存储在内存中而非存在本地所以刷新后数据将会重置回默认值
当你需要拒绝在刷新时将state中的数据清空时
** //定义方法**
const saveInLocal = state => {//该方法会在实例初始化时调用(浏览器刷新时触发)
!!localStorage.state ? localStorage.state=store.replaceState(JSON.parse(state)) : '' //页面刷新是讲本地数据存入state
store.subscribe((mutation,state)=>{//每次提交mutation时都会触发(参数为当前模块的mutation和state)
localStorage.state=JSON.stringify(state)
})
}
** //将方法引入Vuex实例**
export default new Vuex.Store({
state,
//...,
plugins:[saveInLocal]
})