Vue - vuex 中 store 保存的数据，刷新页面时数据会清空，解决刷新页面时 store 中的存储的数据不丢失

vuex 中 store 保存的数据，当刷新页面时数据会清空，如何解决刷新页面时 store 中存储的数据不丢失？

解决方案：

1. 更改 store.js 文件 state 的定义：
   

   state:sessionStorage.getItem('state') ? JSON.parse(sessionStorage.getItem('state')): {
     userData: {}
   },
   

2. 在 App.vue 中添加：
   

   mounted() {
     window.addEventListener('unload', this.saveState)
   },
   methods: {
     saveState() {
       sessionStorage.setItem('state', JSON.stringify(this.$store.state))
     },
   },