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 相关文章推荐
jQuery chili图片远处放大插件
Nov 30 Javascript
javascript eval(func())使用示例
Dec 05 Javascript
用jQuery与JSONP轻松解决跨域访问的问题
Feb 04 Javascript
Express作者TJ告别Node.js奔向Go
Jul 14 Javascript
JQuery中绑定事件(bind())和移除事件(unbind())
Feb 27 Javascript
JavaScript中匿名函数用法实例
Mar 23 Javascript
原生JS与jQuery编写简单选项卡
Oct 30 jQuery
通过vue-cli来学习修改Webpack多环境配置和发布问题
Dec 22 Javascript
webpack打包并将文件加载到指定的位置方法
Feb 22 Javascript
vue中手机号,邮箱正则验证以及60s发送验证码的实例
Mar 16 Javascript
js根据需要计算数组中重复出现某个元素的个数
Jan 18 Javascript
vue 关闭浏览器窗口的时候,清空localStorage的数据示例
Nov 06 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代码质量36计
2012/09/05 PHP
Zend Framework教程之视图组件Zend_View用法详解
2016/03/05 PHP
PHP面向对象程序设计类的定义与用法简单示例
2016/12/27 PHP
php策略模式简单示例分析【区别于工厂模式】
2019/09/25 PHP
JavaScript 拖拉缩放效果
2008/12/10 Javascript
jQuery中hover方法和toggle方法使用指南
2015/02/27 Javascript
使用Jasmine和Karma对AngularJS页面程序进行测试
2016/03/05 Javascript
JS随机洗牌算法之数组随机排序
2016/03/23 Javascript
animate 实现滑动切换效果【实例代码】
2016/05/05 Javascript
JS获取复选框的值,并传递到后台的实现方法
2016/05/30 Javascript
angular实现form验证实例代码
2017/01/17 Javascript
用file标签实现多图文件上传预览
2017/02/14 Javascript
JS实现多级菜单中当前菜单不随页面跳转样式而发生变化
2017/05/30 Javascript
Vue resource中的GET与POST请求的实例代码
2017/07/21 Javascript
原生JS实现图片无缝滚动方法(附带封装的运动框架)
2017/10/01 Javascript
React.Js添加与删除onScroll事件的方法详解
2017/11/03 Javascript
vue.js多页面开发环境搭建过程
2019/04/24 Javascript
vue router动态路由设置参数可选问题
2019/08/21 Javascript
js实现随机圆与矩形功能
2020/10/29 Javascript
简化Python的Django框架代码的一些示例
2015/04/20 Python
python 弹窗提示警告框MessageBox的实例
2019/06/18 Python
解决TensorFlow模型恢复报错的问题
2020/02/06 Python
python输出数学符号实例
2020/05/11 Python
keras中模型训练class_weight,sample_weight区别说明
2020/05/23 Python
解决Keras中循环使用K.ctc_decode内存不释放的问题
2020/06/29 Python
加拿大的标志性百货公司:Hudson’s Bay(哈得逊湾)
2019/09/03 全球购物
网络工程师面试(三木通信技术有限公司)
2013/06/05 面试题
团员的自我评价
2013/12/01 职场文书
中式婚礼主持词
2014/03/13 职场文书
效能风暴心得体会
2014/09/04 职场文书
宿舍卫生管理制度
2015/08/05 职场文书
SpringCloud的JPA连接PostgreSql的教程
2021/06/26 Java/Android
python的变量和简单数字类型详解
2021/09/15 Python
nginx rewrite功能使用场景分析
2022/05/30 Servers
基于docker安装zabbix的详细教程
2022/06/05 Servers
设置IIS Express并发数
2022/07/07 Servers