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 相关文章推荐
window.location和document.location的区别分析
Dec 23 Javascript
12306验证码破解思路分享
Mar 25 Javascript
jQuery实现给页面换肤的方法
May 30 Javascript
javascript HTML+CSS实现经典橙色导航菜单
Feb 16 Javascript
JS随机打乱数组的方法小结
Jun 22 Javascript
jQuery基于ID调用指定iframe页面内的方法
Jul 06 Javascript
JS实现的幻灯片切换显示效果
Sep 07 Javascript
JavaScript 中 avalon绑定属性总结
Oct 19 Javascript
angularjs实现的前端分页控件示例
Feb 10 Javascript
Angular 输入框实现自定义验证功能
Feb 19 Javascript
微信小程序实现购物车代码实例详解
Aug 29 Javascript
VUE动态生成word的实现
Jul 26 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/10/09 PHP
关于PHP5 Session生命周期介绍
2010/03/02 PHP
CI框架中集成CKEditor编辑器的教程
2014/06/09 PHP
PHP图像处理之使用imagecolorallocate()函数设置颜色例子
2014/11/19 PHP
PHP向socket服务器收发数据的方法
2015/01/24 PHP
PHP实现XML与数据格式进行转换类实例
2015/07/29 PHP
PHP对象的浅复制与深复制的实例详解
2017/10/26 PHP
Laravel框架中自定义模板指令总结
2017/12/17 PHP
PHP中cookie知识点学习
2018/05/06 PHP
(推荐一个超好的JS函数库)S.Sams Lifexperience ScriptClassLib
2007/04/29 Javascript
jQuery Autocomplete自动完成插件
2010/07/17 Javascript
js限制textarea每行输入字符串长度的代码
2012/10/31 Javascript
jQuery之尺寸调整组件的深入解析
2013/06/19 Javascript
js实现图片从左往右渐变切换效果的方法
2015/02/06 Javascript
Angularjs注入拦截器实现Loading效果
2015/12/28 Javascript
简单介绍JavaScript数据类型之隐式类型转换
2015/12/28 Javascript
JS实现图片延迟加载并淡入淡出效果的简单方法
2016/08/25 Javascript
Bootstrap响应式侧边栏改进版
2016/09/17 Javascript
jQuery Ajax File Upload实例源码
2016/12/12 Javascript
js/jquery控制页面动态加载数据 滑动滚动条自动加载事件的方法
2017/02/08 Javascript
Angular.js 4.x中表单Template-Driven Forms详解
2017/04/25 Javascript
Node.js 实现远程桌面监控的方法步骤
2019/07/02 Javascript
Vue源码分析之Vue实例初始化详解
2019/08/25 Javascript
Vue中qs插件的使用详解
2020/02/07 Javascript
基于python的汉字转GBK码实现代码
2012/02/19 Python
python网络编程之UDP通信实例(含服务器端、客户端、UDP广播例子)
2014/04/25 Python
跟老齐学Python之??碌某?? target=
2014/09/12 Python
致Python初学者 Anaconda入门使用指南完整版
2018/04/05 Python
python 读取文本文件的行数据,文件.splitlines()的方法
2018/07/12 Python
Python函数中参数是传递值还是引用详解
2019/07/02 Python
python3中使用__slots__限定实例属性操作分析
2020/02/14 Python
PHP如何去执行一个SQL语句
2016/03/05 面试题
《爱如茉莉》教后反思
2014/04/12 职场文书
英文感谢信格式
2015/01/21 职场文书
天气温馨提示语
2015/07/14 职场文书
oracle重置序列从0开始递增1
2022/02/28 Oracle