vuex的数据在刷新后无法得到保存

vuex的数据在刷新后无法得到保存

    在App.vue中书写下列代码：借助本地存储技术来实现vuex中数据源的存储于读取。

    window.localStorage：本地存储中的永久性存储机制。

    window.sessionStorage：本地存储中的会话性存储机制。

    （1）确定本案例选择sessionStorage来进行本地存储。

    （2）确定本地存储的变量名为store。

 1、刷新：window的unload保存数据。

  2、页面打开时应该读取数据。

 

created(){

      // 每次启动项目是读取storage数据并覆盖$store.state

      if(sessionStorage.getItem('store')){

        let storageObj=JSON.parse(sessionStorage.getItem('store'));

        let temp=Object.assign({},this.$store.state,storageObj);

        this.$store.replaceState(temp);

      }

      // 每次退出项目之前将$store.state数据送入本地存储

      window.addEventListener("beforeunload",()=>{

        window.sessionStorage.setItem('store',JSON.stringify(this.$store.state));

      })

    }