VUEX数据持久化如何实现刷新后重新获取的例子

2023-06-28

小编给大家分享一下VUEX数据持久化如何实现刷新后重新获取的例子,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!

VUEX 数据持久化

// store.js
 getters: {
  userInfo(state) {
   console.log('getters',state);
   if (!state.userInfo.id) {
    let token = getStorage("token");
    console.log('token',token);
    if (token) {
     let userInfo = getStorage("userInfo");
     state.userInfo = userInfo.data;
    }
   }
   return state.userInfo
  }
 },

注意:如果 使用this.$store.userInfo 是读取不到的,必须使用getter

// component.js
userInfo() {
      return this.$store.getters.userInfo;
    }

以上是“VUEX数据持久化如何实现刷新后重新获取的例子”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注本站行业资讯频道!

《VUEX数据持久化如何实现刷新后重新获取的例子.doc》

下载本文的Word格式文档,以方便收藏与打印。