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 相关文章推荐
ArrayList类(增强版)
Apr 04 Javascript
关于Aptana Studio生成自动备份文件的解决办法
Dec 23 Javascript
javascript+css 网页每次加载不同样式的实现方法
Dec 27 Javascript
jQuery列表拖动排列具体实现
Nov 04 Javascript
js事件监听器用法实例详解
Jun 01 Javascript
javascript学习指南之回调问题
Apr 23 Javascript
js实现音乐播放控制条
Sep 09 Javascript
微信小程序实现animation动画
Jan 26 Javascript
AngularJS下$http服务Post方法传递json参数的实例
Mar 29 Javascript
vue 自定义提示框(Toast)组件的实现代码
Aug 17 Javascript
vue请求本地自己编写的json文件的方法
Apr 25 Javascript
gulp构建小程序的方法步骤
May 31 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
蝙蝠侠:侠影之谜
2020/03/04 欧美动漫
Get或Post提交值的非法数据处理
2006/10/09 PHP
PHP实现的文件上传类与用法详解
2017/07/05 PHP
layui框架实现文件上传及TP3.2.3(thinkPHP)对上传文件进行后台处理操作示例
2018/05/12 PHP
PHP页面静态化――纯静态与伪静态用法详解
2020/06/05 PHP
SOSO地图API使用(一)在地图上画圆实现思路与代码
2013/01/15 Javascript
DWZ刷新dialog解决方法
2013/03/03 Javascript
jQuery中delegate()方法用法实例
2015/01/19 Javascript
JavaScript合并两个数组并去除重复项的方法
2015/06/13 Javascript
jQuery实现鼠标经过时出现隐藏层文字链接的方法
2015/10/12 Javascript
JS读写CSS样式的方法汇总
2016/08/16 Javascript
Angular多选、全选、批量选择操作实例代码
2017/03/10 Javascript
JavaScript 实现 Tab 点击切换实例代码
2017/03/25 Javascript
如何使用JS在HTML中自定义字符串格式化
2017/07/20 Javascript
JS与CSS3实现图片响应鼠标移动放大效果示例
2018/05/04 Javascript
vue-cli 3.0 版本与3.0以下版本在搭建项目时的区别详解
2018/12/11 Javascript
layui点击数据表格添加或删除一行的例子
2019/09/12 Javascript
记一次react前端项目打包优化的方法
2020/03/30 Javascript
《javascript设计模式》学习笔记一:Javascript面向对象程序设计对象成员的定义分析
2020/04/07 Javascript
React实现全选功能
2020/08/25 Javascript
python基础教程之Filter使用方法
2017/01/17 Python
nohup后台启动Python脚本,log不刷新的解决方法
2019/01/14 Python
Python迷宫生成和迷宫破解算法实例
2019/12/24 Python
如何更改 pandas dataframe 中两列的位置
2019/12/27 Python
Python图像处理库PIL的ImageFilter模块使用介绍
2020/02/26 Python
tensorflow 20:搭网络,导出模型,运行模型的实例
2020/05/26 Python
澳洲小众品牌的集合网站:BNKR
2018/02/23 全球购物
工商管理应届生求职信
2013/10/07 职场文书
大二自我鉴定
2014/01/31 职场文书
学校读书活动总结
2014/06/30 职场文书
金融专业求职信
2014/08/05 职场文书
2015年控辍保学工作总结
2015/05/18 职场文书
师德师风心得体会(2016精选篇)
2016/01/12 职场文书
优秀范文:读《红岩》有感3篇
2019/10/14 职场文书
go:垃圾回收GC触发条件详解
2021/04/24 Golang
Python爬虫之用Xpath获取关键标签实现自动评论盖楼抽奖(二)
2021/06/07 Python