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 相关文章推荐
js 通用javascript函数库整理
Aug 14 Javascript
Web Inspector:关于在 Sublime Text 中调试Js的介绍
Apr 18 Javascript
js实现浮动在网页右侧的简洁QQ在线客服代码
Sep 04 Javascript
深入理解JavaScript函数参数(推荐)
Jul 26 Javascript
jQuery页面弹出框实现文件上传
Feb 09 Javascript
Bootstrap 3浏览器兼容性问题及解决方案
Apr 11 Javascript
vue的token刷新处理的方法
Jul 17 Javascript
深入理解js A*寻路算法原理与具体实现过程
Dec 13 Javascript
微信小程序MUI导航栏透明渐变功能示例(通过改变rgba的a值实现)
Jan 24 Javascript
Jquery实现获取子元素的方法分析
Aug 24 jQuery
关于layui的动态图标不显示的解决方法
Sep 04 Javascript
Element-ui树形控件el-tree自定义增删改和局部刷新及懒加载操作
Aug 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
UCenter Home二次开发指南
2009/05/28 PHP
PHP 面向对象 PHP5 中的常量
2010/05/05 PHP
PHP无限分类代码,支持数组格式化、直接输出菜单两种方式
2011/05/18 PHP
PHP仿tp实现mvc框架基本设计思路与实现方法分析
2018/05/23 PHP
解决thinkphp5未定义变量会抛出异常,页面错误,请稍后再试的问题
2019/10/16 PHP
获取JavaScript用户自定义类的类名称的代码
2007/03/08 Javascript
jquery实现漂浮在网页右侧的qq在线客服插件示例
2013/05/13 Javascript
JS保存和删除cookie操作 判断cookie是否存在
2013/11/13 Javascript
BootStrap下jQuery自动完成的样式调整
2016/05/30 Javascript
深究AngularJS中ng-drag、ng-drop的用法
2017/06/12 Javascript
js计算两个日期间的天数月的实例代码
2018/09/20 Javascript
vue使用canvas实现移动端手写签名
2020/09/22 Javascript
分享8个JavaScript库可更好地处理本地存储
2020/10/12 Javascript
[05:26]2014DOTA2西雅图国际邀请赛 iG战队巡礼
2014/07/07 DOTA
详解Django框架中用户的登录和退出的实现
2015/07/23 Python
使用Python的Django框架结合jQuery实现AJAX购物车页面
2016/04/11 Python
Python 查看文件的读写权限方法
2018/01/23 Python
Python3列表内置方法大全及示例代码小结
2019/05/10 Python
Django网络框架之创建虚拟开发环境操作示例
2019/06/06 Python
python实现把两个二维array叠加成三维array示例
2019/11/29 Python
Python库skimage绘制二值图像代码实例
2020/04/10 Python
详解vscode实现远程linux服务器上Python开发
2020/11/10 Python
CSS3 选择器 属性选择器介绍
2012/01/21 HTML / CSS
HTML5+CSS3 诱人的实例:3D立方体旋转动画实例
2016/12/30 HTML / CSS
Html5 canvas实现粒子时钟的示例代码
2018/09/06 HTML / CSS
某个公司的Java笔面试题
2016/03/11 面试题
大学生水果店创业计划书
2014/01/28 职场文书
大学生社会实践评语
2014/04/25 职场文书
党委班子剖析材料
2014/08/21 职场文书
三下乡个人总结
2015/03/04 职场文书
保研导师推荐信
2015/03/25 职场文书
四十年同学聚会致辞
2015/07/28 职场文书
iPhone13 Pro外观确定,升级4800万镜头,4月20日发新品
2021/04/15 数码科技
Python中第三方库Faker的使用详解
2022/04/02 Python
CentOS7环境下MySQL8常用命令小结
2022/06/10 Servers
Python如何加载模型并查看网络
2022/07/15 Python