vuex实现数据状态持久化


Posted in Javascript onNovember 11, 2019

用过vuex的肯定会有这样一个痛点,就是刷新以后vuex里面存储的state就会被浏览器释放掉,因为我们的state都是存储在内存中的。

所以我们通过 vuex-persistedstate这个插件,来实现将数据存储到本地

用法很简单

1、

npm install vuex-persistedstate

2、

import createPersistedState from 'vuex-persistedstate'
const store = new Vuex.Store({
 modules: {
  app,
  user
 },
 getters,
 plugins: [createPersistedState()] //加上这个就可以了
})

以上这篇vuex实现数据状态持久化就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
硬盘浏览程序,保存成网页格式便可使用
Dec 03 Javascript
Prototype Template对象 学习
Jul 19 Javascript
js编写trim()函数及正则表达式的运用
Oct 24 Javascript
javascript自动给文本url地址增加链接的方法分享
Jan 20 Javascript
jquery跨域请求示例分享(jquery发送ajax请求)
Mar 25 Javascript
js实现局部页面打印预览原理及示例代码
Jul 03 Javascript
js实现显示当前状态的导航效果代码
Aug 28 Javascript
jQuery progressbar通过Ajax请求实现后台进度实时功能
Oct 11 Javascript
详解angularJS自定义指令间的相互交互
Jul 05 Javascript
JS实现移动端点击按钮复制文本内容
Jul 28 Javascript
react-intl实现React国际化多语言的方法
Sep 27 Javascript
JavaScript/TypeScript 实现并发请求控制的示例代码
Jan 18 Javascript
vue 更改连接后台的api示例
Nov 11 #Javascript
vue路由守卫,限制前端页面访问权限的例子
Nov 11 #Javascript
vue在路由中验证token是否存在的简单实现
Nov 11 #Javascript
vuex存储token示例
Nov 11 #Javascript
Vuex实现数据增加和删除功能
Nov 11 #Javascript
VUE:vuex 用户登录信息的数据写入与获取方式
Nov 11 #Javascript
vue 实现通过vuex 存储值 在不同界面使用
Nov 11 #Javascript
You might like
PHP循环函数使用介绍之PHP基础入门教程
2013/09/21 PHP
PHP中使用smarty生成静态文件的例子
2014/04/24 PHP
thinkPHP自动验证、自动添加及表单错误问题分析
2016/10/17 PHP
Laravel中如何增加自定义全局函数详解
2017/05/09 PHP
模拟用户操作Input元素,不会触发相应事件
2007/05/11 Javascript
JQUERY设置IFRAME的SRC值的代码
2010/11/30 Javascript
再谈javascript图片预加载技术(详细演示)
2011/03/12 Javascript
Jquery ajaxStart()与ajaxStop()方法(实例讲解)
2013/12/18 Javascript
javascript自定义滚动条实现代码
2020/04/20 Javascript
node.js微信公众平台开发教程
2016/03/04 Javascript
基于JS实现的随机数字抽签实例
2016/12/08 Javascript
微信小程序 配置文件详细介绍
2016/12/14 Javascript
深入理解JavaScript 中的匿名函数((function() {})();)与变量的作用域
2018/08/28 Javascript
关于vue里页面的缓存详解
2019/11/04 Javascript
JavaScript交换变量的常用方法小结【4种方法】
2020/05/07 Javascript
[55:25]2018DOTA2亚洲邀请赛3月29日 小组赛A组 VG VS OG
2018/03/30 DOTA
python如何实现int函数的方法示例
2018/02/19 Python
Python实现基于PIL和tesseract的验证码识别功能示例
2018/07/11 Python
PyCharm的设置方法和第一个Python程序的建立
2019/01/16 Python
Django处理多用户类型的方法介绍
2019/05/18 Python
Pandas之groupby( )用法笔记小结
2019/07/23 Python
python实现小世界网络生成
2019/11/21 Python
使用pyshp包进行shapefile文件修改的例子
2019/12/06 Python
带你彻底搞懂python操作mysql数据库(cursor游标讲解)
2020/01/06 Python
基于python-pptx库中文文档及使用详解
2020/02/14 Python
细说CSS3中的选择符
2008/10/17 HTML / CSS
10条PHP编程习惯
2014/05/26 面试题
Math.round(11.5)等於多少? Math.round(-11.5)等於多少?
2015/01/27 面试题
制定岗位职责的原则
2013/11/08 职场文书
《生命的药方》教学反思
2014/04/08 职场文书
2014最新房贷收入证明范本
2014/09/12 职场文书
党员干部群众路线教育实践活动个人对照检查材料
2014/09/23 职场文书
公司考勤管理制度
2015/08/04 职场文书
2016年优秀班主任先进事迹材料
2016/02/26 职场文书
selenium.webdriver中add_argument方法常用参数表
2021/04/08 Python
如何自己动手写SQL执行引擎
2021/06/02 MySQL