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 相关文章推荐
javascript函数库-集合框架
Apr 27 Javascript
JavaScript在IE和Firefox浏览器下的7个差异兼容写法小结
Jun 18 Javascript
html中table数据排序的js代码
Aug 09 Javascript
关于eval 与new Function 到底该选哪个?
Apr 17 Javascript
jQuery获取和设置表单元素的方法
Feb 14 Javascript
JS实现的竖向折叠菜单代码
Oct 21 Javascript
ExtJs异步无法向外传值和赋值的完美解决办法
Jun 14 Javascript
javaScript中封装的各种写法示例(推荐)
Jul 03 Javascript
微信小程序实现点击按钮修改字体颜色功能【附demo源码下载】
Dec 05 Javascript
详解js模板引擎art template数组渲染的方法
Oct 09 Javascript
解决vue net :ERR_CONNECTION_REFUSED报错问题
Aug 13 Javascript
javascript实现搜索筛选功能实例代码
Nov 12 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数组操作
2011/12/30 PHP
Thinkphp搭建包括JS多语言的多语言项目实现方法
2014/11/24 PHP
php使用sql server验证连接数据库的方法
2014/12/25 PHP
Laravel框架FormRequest中重写错误处理的方法
2019/02/18 PHP
php设计模式之适配器模式实例分析【星际争霸游戏案例】
2020/04/07 PHP
cookie在javascript中的使用技巧以及隐私在服务器端的设置
2012/12/03 Javascript
Highcharts 非常实用的Javascript统计图demo示例
2013/07/03 Javascript
JavaScript DOM事件(笔记)
2015/04/08 Javascript
CSS javascript 结合实现悬浮固定菜单效果
2015/08/23 Javascript
javascript实现起伏的水波背景效果
2016/05/16 Javascript
工作中比较实用的JavaScript验证和数据处理的干货(经典)
2016/08/03 Javascript
值得分享的bootstrap table实例
2016/09/22 Javascript
获取JavaScript异步函数的返回值
2016/12/21 Javascript
原生js实现下拉框功能(支持键盘事件)
2017/01/13 Javascript
angular之ng-template模板加载
2017/11/09 Javascript
vue实现消息的无缝滚动效果的示例代码
2017/12/05 Javascript
VUE 使用中踩过的坑
2018/02/08 Javascript
Angularjs实现控制器之间通信方式实例总结
2018/03/27 Javascript
Vue常见面试题整理【值得收藏】
2018/09/20 Javascript
详解小程序云开发攻略(解决最棘手的问题)
2019/09/30 Javascript
vue使用微信扫一扫功能的实现代码
2020/04/11 Javascript
javascript实现数字时钟效果
2021/02/06 Javascript
[01:31:02]TNC vs VG 2019国际邀请赛淘汰赛 胜者组赛BO3 第一场
2019/08/22 DOTA
[55:26]DOTA2-DPC中国联赛 正赛 Aster vs LBZS BO3 第一场 2月23日
2021/03/11 DOTA
Python中3种内建数据结构:列表、元组和字典
2014/11/30 Python
python用reduce和map把字符串转为数字的方法
2016/12/19 Python
python 计算两个日期相差多少个月实例代码
2017/05/24 Python
python实现员工管理系统
2018/01/11 Python
python测试mysql写入性能完整实例
2018/01/18 Python
Python3中的列表生成式、生成器与迭代器实例详解
2018/06/11 Python
python通过微信发送邮件实现电脑关机
2018/06/20 Python
详解python单元测试框架unittest
2018/07/02 Python
利用python GDAL库读写geotiff格式的遥感影像方法
2018/11/29 Python
澳大利亚领先的折扣药房:Chemist Direct(有中文站)
2018/11/24 全球购物
医学院校毕业生自荐信范文
2014/01/01 职场文书
庆七一晚会主持词
2015/06/30 职场文书