vue 刷新页面的时候 store的值被清除

在App.vue中加上created钩子函数，created函数的内容可以直接拷贝

<template>
  <router-link to="/"/>
  <router-view/>
</template>

<script>
  export default {
    name:"App",
    created() {
      // 在页面加载时读取sessionStorage里的状态信息
      if (sessionStorage.getItem('store')) {
        this.$store.replaceState(
            Object.assign(
                {},
                this.$store.state,
                JSON.parse(sessionStorage.getItem('store'))
            )
        )
      }

      // 在页面刷新时将vuex里的信息保存到sessionStorage里
      // beforeunload事件在页面刷新时先触发
      window.addEventListener('beforeunload', () => {
        sessionStorage.setItem('store', JSON.stringify(this.$store.state))
      })
    },
  }
</script>