VUEX 数据持久化,刷新后重新获取的例子


Posted in Javascript onNovember 12, 2019

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 数据持久化,刷新后重新获取的例子就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
一个js的tab切换效果代码[代码分离]
Apr 11 Javascript
jQuery实现动态添加和删除一个div
Aug 12 Javascript
在ASP.NET MVC项目中使用RequireJS库的用法示例
Feb 15 Javascript
jQuery中的each()详细介绍(推荐)
May 25 Javascript
JS中判断字符串中出现次数最多的字符及出现的次数的简单实例
Jun 03 Javascript
JavaScript仿微博发布信息案例
Nov 16 Javascript
jquery实现点击页面回到顶部
Nov 23 Javascript
angularjs中使用ng-bind-html和ng-include的实例
Apr 28 Javascript
使用 Javascript 实现浏览器推送提醒功能的示例
Nov 03 Javascript
Vue中的Vux配置指南
Dec 08 Javascript
vscode 配置vue+vetur+eslint+prettier自动格式化功能
Mar 23 Javascript
JavaScript原始值与包装对象的详细介绍
May 11 Javascript
react-native聊天室|RN版聊天App仿微信实例|RN仿微信界面
Nov 12 #Javascript
实现vuex与组件data之间的数据同步更新方式
Nov 12 #Javascript
uni-app自定义导航栏按钮|uniapp仿微信顶部导航条功能
Nov 12 #Javascript
基于vue+uniapp直播项目实现uni-app仿抖音/陌陌直播室功能
Nov 12 #Javascript
vuex管理状态 刷新页面保持不被清空的解决方案
Nov 11 #Javascript
vuex实现数据状态持久化
Nov 11 #Javascript
vue 更改连接后台的api示例
Nov 11 #Javascript
You might like
php获取中文拼音首字母类和函数分享
2014/04/24 PHP
php实现singleton()单例模式实例
2014/11/06 PHP
php表单提交与$_POST实例分析
2015/01/26 PHP
PDO::setAttribute讲解
2019/01/29 PHP
关于图片验证码设计的思考
2007/01/29 Javascript
网页自动刷新,不产生嗒嗒声的一个解决方法
2007/03/27 Javascript
IE6 fixed的完美解决方案
2011/03/31 Javascript
jQuery产品间断向下滚动效果核心代码
2014/05/08 Javascript
jquery表单验证需要做些什么
2015/11/17 Javascript
javascript+css3 实现动态按钮菜单特效
2016/02/06 Javascript
jQuery中数据缓存$.data的用法及源码完全解析
2016/04/29 Javascript
js阻止冒泡和默认事件(默认行为)详解
2016/10/20 Javascript
JavaScript仿聊天室聊天记录
2016/12/27 Javascript
nodejs实现发出蜂鸣声音(系统报警声)的方法
2017/01/18 NodeJs
JS实现动态添加DOM节点和事件的方法示例
2017/04/28 Javascript
纯js实现图片匀速淡入淡出效果
2017/08/22 Javascript
利用SpringMVC过滤器解决vue跨域请求的问题
2018/02/10 Javascript
JS 中可以提升幸福度的小技巧(可以识别更多另类写法)
2018/07/28 Javascript
JavaScript的Proxy可以做哪些有意思的事儿
2019/06/15 Javascript
js实现图片3D轮播效果
2019/09/21 Javascript
js实现动态时钟
2020/03/12 Javascript
Python的time模块中的常用方法整理
2015/06/18 Python
python实现决策树
2017/12/21 Python
Python continue语句实例用法
2020/02/06 Python
html5 application cache遇到的严重问题
2012/12/26 HTML / CSS
斯德哥尔摩通票:Stockholm Pass
2018/01/09 全球购物
教育孩子心得体会
2014/01/01 职场文书
大学活动策划书范文
2014/01/10 职场文书
七一党日活动总结
2014/07/08 职场文书
协会周年庆活动方案
2014/08/26 职场文书
在职证明书范本(2014新版)
2014/09/25 职场文书
房屋买卖委托书格式范本格式
2014/10/13 职场文书
公安机关起诉意见书
2015/05/20 职场文书
亲情作文之母爱
2019/09/25 职场文书
利用前端HTML+CSS+JS开发简单的TODOLIST功能(记事本)
2021/04/13 Javascript
Redis基本数据类型String常用操作命令
2022/06/01 Redis