原理:将vuex中的内容保存在sessionStorage,刷新时将sessionStorage存储的上次刷新的vuex内容替换在新刷新的vuex中.

一般用于:

1.v-show或v-if可以在刷新后继续展示(隐藏).

2.写在vuex中的计数器不会因刷新重置.

将生命周期函数created()写在App.vue中确保所有url刷新后都可以保证vuex中的内容不变.

created() {
      //刷新是读取刷新前的vuex
      if (sessionStorage.getItem("store") ) {
        this.$store.replaceState(Object.assign({}, this.$store.state,JSON.parse(sessionStorage.getItem("store"))))
      }
      //保存vuex
      window.addEventListener("beforeunload",()=>{
        sessionStorage.setItem("store",JSON.stringify(this.$store.state))
      })
    },