保存vuex狀態刷新不消失

 

寫在App.vue中，所有頁面共享此方法

export default {
  name: "app",
  components: {},
  created() {
    // 頁面每次刷新加載時候都會去讀取sessionStorage里面的vuex狀態
　　　if (sessionStorage.getItem("store")) {
      this.$store.replaceState(
        Object.assign(
          {},
          this.$store.state,
          JSON.parse(sessionStorage.getItem("store")) //這里存的是可能經過mutions處理過的state值，是最新的,所以放在最后
        )
      )
    }
    // 在頁面刷新之前把vuex中的信息存到sessionStoreage
    window.addEventListener("beforeunload", () => {
      sessionStorage.setItem("store", JSON.stringify(this.$store.state));
    });
  }
};

 

 

 

 vuex該怎么寫還是怎么寫，就不用跟以前一樣如果想保存每個 state 里面的狀態值，都要寫個sessionStorage了。