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

Question

其实有2个问题，请各位大神指教
1： vuex dispatch了getUserInfo, 正常情况下没问题，刷新页面后就没办法的到数据了。有什么办法可以解决这个问题，存本地缓存么。。如果存本地缓存的话。。那还要用vuex干嘛呢。。。

2：也是vuex的问题。。我在computed 使用 ...mapGetters(['getUserInfo']) 跳转页，数据正常，但是用

    computed: {
    getUserInfo:function(){
      return this.$store.getters.getUserInfo
    }
  }

这种就为空。。请问这个mapGetters映射和this.$store 这种方法的区别

谢谢各位大神支招= =!

Answer 1

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

Answer 2

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

Answer 3

第二个问题 return this.$store.getters.getUserInfo
改成 return this.$store.getters['getUserInfo']