解决Vuex页面刷新数据丢失

数据持久化：
原理：在页面刷新时，将vuex里的数据保存在localStorage里；在页面加载时读取localStorage里的状态信息

created () {
//在页面加载时读取localStorage里的状态信息
        if (localStorage.getItem("data") ) {
            //replaceState替换数据 Object.assign合并对象
            this.$store.replaceState(Object.assign({}, this.$store.state,JSON.parse(localStorage.getItem("data"))))
        } 
        //在页面刷新时将vuex里的信息保存到localStorage里
        window.addEventListener("beforeunload",()=>{
            localStorage.setItem("data",JSON.stringify(this.$store.state))
        })
 }

,