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 相关文章推荐
function, new function, new Function之间的区别
Mar 08 Javascript
用js实现层随着内容大小动态渐变改变 推荐
Dec 19 Javascript
查询json的数据结构的8种方式简介
Mar 10 Javascript
JavaScript中的函数的两种定义方式和函数变量赋值
May 12 Javascript
JavaScript中统计Textarea字数并提示还能输入的字符
Jun 10 Javascript
JavaScript 面向对象与原型
Apr 10 Javascript
JS实现日期时间动态显示的方法
Dec 07 Javascript
第十章之巨幕页头缩略图与警告框组件
Apr 25 Javascript
基于JavaScript实现轮播图代码
Jul 14 Javascript
ajax实现加载页面、删除、查看详细信息 bootstrap美化页面!
Mar 14 Javascript
vue实现表格增删改查效果的实例代码
Jul 18 Javascript
Vue实现多标签选择器
Nov 28 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 的几个配置文件函数
2006/12/21 PHP
关于zend studio 出现乱码问题的总结
2013/06/23 PHP
smarty模板中拼接字符串的方法
2014/02/14 PHP
ThinkPHP模板中数组循环实例
2014/10/30 PHP
PHP+MySQL修改记录的方法
2015/01/21 PHP
YII视图整合kindeditor扩展的方法
2016/07/13 PHP
javascript 简练的几个函数
2009/08/29 Javascript
基于jquery的自定义鼠标提示效果 jquery.toolTip
2010/11/14 Javascript
javascript两种function的定义介绍及区别说明
2013/05/02 Javascript
深入理解JS中的变量及作用域、undefined与null
2014/03/04 Javascript
原生JS实现响应式瀑布流布局
2015/04/02 Javascript
jQuery使用模式窗口实现在主页面和子页面中互相传值的方法
2016/03/01 Javascript
JavaScript使用Range调色及透明度实例
2016/09/25 Javascript
网页挂马方式整理及详细介绍
2016/11/03 Javascript
JS组件系列之MVVM组件 vue 30分钟搞定前端增删改查
2017/04/28 Javascript
AngularJS 验证码60秒倒计时功能的实现
2017/06/05 Javascript
微信小程序自定义导航隐藏和显示功能
2017/06/13 Javascript
js简易版购物车功能
2017/06/17 Javascript
JS实现瀑布流布局
2017/10/21 Javascript
JavaScript callback回调函数用法实例分析
2018/05/08 Javascript
JavaScript常见继承模式实例小结
2019/01/11 Javascript
vue.js+elementUI实现点击左右箭头切换头像功能(类似轮播图效果)
2019/09/05 Javascript
antd的select下拉框因为数据量太大造成卡顿的解决方式
2020/10/31 Javascript
Vue实现购物小球抛物线的方法实例
2020/11/22 Vue.js
[00:35]TI7不朽珍藏III——寒冰飞龙不朽展示
2017/07/15 DOTA
[45:06]完美世界DOTA2联赛PWL S2 Magma vs InkIce 第二场 11.28
2020/12/02 DOTA
Python实现给qq邮箱发送邮件的方法
2015/05/28 Python
django缓存配置的几种方法详解
2018/07/16 Python
Python 读取位于包中的数据文件
2020/08/07 Python
翻译专业应届生求职信
2013/11/23 职场文书
小学语文课后反思精选
2014/04/25 职场文书
2015年社区服务活动总结
2015/03/25 职场文书
预备党员介绍人意见
2015/06/01 职场文书
2015年大学生暑期实习报告
2015/07/13 职场文书
教师节随笔
2015/08/15 职场文书
windows server 2016 域环境搭建的方法步骤(图文)
2022/06/25 Servers