vuex刷新的话的数据没了,存在内存里面的,不会持久性存储了
我们可以使用vuex-persistedstate插件实现vuex的数据自动同步到localStorage里面去。
yarn add vuex-persistedstate -S
store/index.js
import createPersistedState from "vuex-persistedstate";
const store = new Vuex.Store({
//实现了对于vuex的持久化存储
plugins: [createPersistedState({
reducer(data){
return {
city:data.city //这样的话持久化字段就只有city字段了。
}
}
})],
modules:{ // 进行模块的划分
cinema, // 影院的模块
tabbar, // tabbar的模块
city // 城市的模块
}
})
这样的话,当用户选择完毕城市后,在刷新浏览器,还是当前的城市与影院数据了。