vuex解决刷新数据丢失

点击查看代码

export default {
 name: 'App',
 created () {
 //在页面加载时读取sessionStorage里的state
 if (sessionStorage.getItem("store") ) {
 this.$store.replaceState(Object.assign({},
this.$store.state,JSON.parse(sessionStorage.getItem("store"))))
 }
 //在页面刷新前将vuex里的信息保存到sessionStorage里
 window.addEventListener("beforeunload",()=>{
 sessionStorage.setItem("store",JSON.stringify(this.$store.state))
 })
 }
}