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 相关文章推荐
激活 ActiveX 控件
Oct 09 Javascript
JS对象与json字符串格式转换实例
Oct 28 Javascript
jQuery实现冻结表头的方法
Mar 09 Javascript
JavaScript让Textarea支持tab按键的方法
Jun 26 Javascript
两种JS实现屏蔽鼠标右键的方法
Aug 20 Javascript
AngularJS bootstrap启动详解及实例代码
Sep 14 Javascript
JS中BOM相关知识点总结(必看篇)
Nov 22 Javascript
js定时器实例分享
Dec 20 Javascript
vue2.0中click点击当前li实现动态切换class
Jun 21 Javascript
javascript异步编程的六种方式总结
May 17 Javascript
Vue中keep-alive组件的深入理解
Aug 23 Javascript
在webstorm中配置less的方法详解
Sep 25 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中使用substr()截取字符串出现中文乱码问题该怎么办
2015/10/21 PHP
php实现往pdf中加数字签名操作示例【附源码下载】
2018/08/07 PHP
jquery ajax 局部刷新小案例
2014/02/08 Javascript
js仿土豆网带缩略图的焦点图片切换效果实现方法
2015/02/23 Javascript
基于replaceChild制作简单的吞噬特效
2015/09/21 Javascript
JavaScript事件处理的方式(三种)
2016/04/26 Javascript
由简入繁实现Jquery树状结构的方法(推荐)
2016/06/10 Javascript
JS获取鼠标选中的文字
2016/08/10 Javascript
Vue数据双向绑定的深入探究
2018/11/27 Javascript
vue中引入第三方字体文件的方法示例
2018/12/17 Javascript
聊聊Vue中provide/inject的应用详解
2019/11/10 Javascript
Node.js操作MongoDB数据库实例分析
2020/01/19 Javascript
vue 解决addRoutes多次添加路由重复的操作
2020/08/04 Javascript
Python通过递归遍历出集合中所有元素的方法
2015/02/25 Python
Python中max函数用法实例分析
2015/07/17 Python
Python实现的双色球生成功能示例
2017/12/18 Python
Django文件存储 自己定制存储系统解析
2019/08/02 Python
Python写捕鱼达人的游戏实现
2020/03/31 Python
CSS3教程:边框属性border的极致应用
2009/04/02 HTML / CSS
HTML5仿微信聊天界面、微信朋友圈实例代码
2018/01/29 HTML / CSS
标签和贴纸印刷:Lightning Labels
2018/03/22 全球购物
Orvis官网:自1856年以来,优质服装、飞钓装备等
2018/12/17 全球购物
巴西备受欢迎的服装和生活方式品牌:FARM Rio
2020/02/04 全球购物
Napapijri西班牙在线商店:夹克、外套、运动衫等
2020/11/05 全球购物
Booking.com缤客中国:全球酒店在线预订网站
2020/05/03 全球购物
机械设计及其自动化专业推荐信
2013/10/31 职场文书
管理心得体会
2013/12/28 职场文书
创意活动策划书
2014/01/15 职场文书
父母对孩子说的话
2014/04/12 职场文书
乐观自信演讲稿范文
2014/05/21 职场文书
局火灾防控工作方案
2014/05/25 职场文书
公司周年庆活动方案
2014/08/25 职场文书
教师学期个人总结
2015/02/11 职场文书
被告代理词范文
2015/05/25 职场文书
新学期新寄语,献给新生们!
2019/11/15 职场文书
Vue通过懒加载提升页面响应速度
2021/05/10 Vue.js