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中find()方法用法实例
Jan 07 Javascript
jQuery简单几行代码实现tab切换
Mar 10 Javascript
javascript实现信息增删改查的方法
Jul 25 Javascript
JavaScript 七大技巧(二)
Dec 13 Javascript
使用HTML5+Boostrap打造简单的音乐播放器
Aug 05 Javascript
JavaScript仿微博输入框效果(案例分析)
Dec 06 Javascript
JS和canvas实现俄罗斯方块
Mar 14 Javascript
Vue from-validate 表单验证的示例代码
Sep 26 Javascript
axios向后台传递数组作为参数的方法
Aug 11 Javascript
利用jqgrid实现上移下移单元格功能
Nov 07 Javascript
Vue使用NProgress的操作过程解析
Oct 10 Javascript
Javascript执行流程细节原理解析
May 14 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如何把汉字转化为拼音
2015/12/11 PHP
PHP设计模式(一)工厂模式Factory实例详解【创建型】
2020/05/02 PHP
Javascript 函数中的参数使用分析
2010/03/27 Javascript
Checbox的操作含已选、未选及判断代码
2013/11/07 Javascript
jquery清空表单数据示例分享
2014/02/13 Javascript
jQuery+html5+css3实现圆角无刷新表单带输入验证功能代码
2015/08/21 Javascript
javascript拖拽应用实例(二)
2016/03/25 Javascript
Javascript OOP之面向对象
2016/07/31 Javascript
Javascript动画效果(1)
2016/10/11 Javascript
JS简单实现滑动加载数据的方法示例
2017/10/18 Javascript
如何选择适合你的JavaScript框架
2017/11/20 Javascript
vue2.0+koa2+mongodb实现注册登录
2018/04/10 Javascript
JS实现二维数组横纵列转置的方法
2018/04/17 Javascript
浅谈Vue路由快照实现思路及其问题
2018/06/07 Javascript
js单线程的本质 Event Loop解析
2019/10/29 Javascript
微信小程序点击生成朋友圈分享图(遇到的坑)
2020/06/17 Javascript
vantUI 获得piker选中值的自定义ID操作
2020/11/04 Javascript
Python之时间和日期使用小结
2019/02/14 Python
Python Lambda函数使用总结详解
2019/12/11 Python
pytorch 指定gpu训练与多gpu并行训练示例
2019/12/31 Python
详解Python实现进度条的4种方式
2020/01/15 Python
Python文件操作方法详解
2020/02/09 Python
Python获取、格式化当前时间日期的方法
2020/02/10 Python
基于PyTorch的permute和reshape/view的区别介绍
2020/06/18 Python
Python 实现微信自动回复的方法
2020/09/11 Python
解决使用Pandas 读取超过65536行的Excel文件问题
2020/11/10 Python
BeautifulSoup获取指定class样式的div的实现
2020/12/07 Python
HTML5拖放功能_动力节点Java学院整理
2017/07/13 HTML / CSS
浅析数据存储的三种方式 cookie sessionstorage localstorage 的异同
2020/06/04 HTML / CSS
北美主要的汽车零部件零售商:AutoShack.com
2019/02/23 全球购物
植村秀美国官网:Shu Uemura美国
2019/03/19 全球购物
法国在线药房:1001Pharmacies
2021/03/07 全球购物
2015年教师自我评价范文
2015/03/04 职场文书
公文写作指导之倡议书!
2019/07/03 职场文书
教您:房贷工资收入证明应该怎么写?
2019/08/19 职场文书
导游词之阆中古城
2019/12/23 职场文书