vuex 存储信息，刷新页面后数据没了，有什么办法可以保留数据么？

Question

其实有2个问题，请各位大神指教1：vuexdispatch了getUserInfo,正常情况下没问题，刷新页面后就没办法的到数据了。有什么办法可以解决这个问题，存本地缓存么。。如果存本地缓存的话。。那还要用vuex干嘛呢。。。
2：也是vuex的问题。。我在computed使用...mapGetters(['getUserInfo'])跳转页，数据正常，但是用
computed:{
getUserInfo:function(){
returnthis.$store.getters.getUserInfo
}
}
这种就为空。。请问这个mapGetters映射和this.$store这种方法的区别
谢谢各位大神支招==!

Answer 1

取到userInfo后存到LocalStorage里一份，然后在页面加载的时候去取一下LocalStorage的值放到vuex里面。保证存取同步。

Answer 2

vuex里用来存储的也只是一个全局变量，当页面刷新，该全局变量自然不存在了。用户信息建议存储到localStorage里面存储一份localStorage.setItem(key,value)//存储数据，value为string类型，如果要存对象，先转换localStorage.getItem(key)//获取数据