vuex页面刷新时数据丢失解决方法(个人笔记)

参考文章：https://www.jianshu.com/p/15221e9d388b

思路：在页面刷新之前，把store里的数据存至sessionStorage。页面初始化的时候从sessionStorage取出数据重新赋值给store。
在这里是在app.vue里面进行全局添加。

// app.vue
created() {
       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))
      })
    }