页面刷新vuex数据丢失

在vuex中存储同步请求的数据，当页面刷新后，在vuex中会丢失该数据，导致数据为空；

页面刷新前：

页面刷新后：

原因分析：vuex中store中的数据时存储在内存中，页面刷新时，vue会重新加载vue实例，这时store中的数据会初始化，造成保存的数据丢失；

解决办法：运用sessionStorage，页面刷新时将vuex中的数据保存到sessionStorage中，刷新页面后将sessionStorage中的数据再重新还给vuex，然后清除sessionStorage中的数据，这个步骤在组件App.vue中完成：

over!

转载于:https://www.cnblogs.com/zxmonster/p/11400249.html