由于vuex中的数据刷新页面之后,会发生改变,我们会把数据存储到本地内存中,可以在当前页面存储,也可以放到app.vue中做存储,那就只需要存储一次,后面不需要再进行存储
//在页面加载时读取sessionStorage里的状态信息
if (sessionStorage.getItem("data") ) {
//replaceState替换数据 Object.assign合并对象
this.$store.replaceState(Object.assign({}, this.$store.state,JSON.parse(sessionStorage.getItem("data"))))
}
//在页面刷新时将vuex里的信息保存到sessionStorage里
window.addEventListener("beforeunload",()=>{
sessionStorage.setItem("data",JSON.stringify(this.$store.state))
})