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)
Oct 01 Javascript
JavaScript从数组中删除指定值元素的方法
Mar 18 Javascript
简介JavaScript中的setDate()方法的使用
Jun 11 Javascript
js检测用户输入密码强度
Oct 22 Javascript
javascript中checkbox使用方法简单实例演示
Nov 17 Javascript
JavaScript实现复制内容到粘贴板代码
Mar 31 Javascript
three.js中文文档学习之创建场景
Nov 20 Javascript
Node.JS循环删除非空文件夹及子目录下的所有文件
Mar 12 Javascript
基于JavaScript实现每日签到打卡轨迹功能
Nov 29 Javascript
vue2.0+vue-router构建一个简单的列表页的示例代码
Feb 13 Javascript
vue实现节点增删改功能
Sep 26 Javascript
vue实现用户长时间不操作自动退出登录功能的实现代码
Jul 23 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判断指定时间段的2个方法
2014/03/14 PHP
codeigniter显示所有脚本执行时间的方法
2015/03/21 PHP
php导出中文内容excel文件类实例
2015/07/06 PHP
PHP二维数组实现去除重复项的方法【保留各个键值】
2017/12/21 PHP
PHP实现微信提现功能
2018/09/30 PHP
jQuery 扩展对input的一些操作方法
2009/10/30 Javascript
JQuery 学习技巧总结
2010/05/21 Javascript
5分钟理解JavaScript中this用法分享
2013/11/09 Javascript
jQuery中element选择器用法实例
2014/12/29 Javascript
js实现跨域的几种方法汇总(图片ping、JSONP和CORS)
2015/10/25 Javascript
JS中JSON对象和String之间的互转及处理技巧
2016/04/06 Javascript
JavaScript常见的五种数组去重的方式
2016/12/15 Javascript
webpack独立打包和缓存处理详解
2017/04/03 Javascript
详解基于vue的移动web app页面缓存解决方案
2017/08/03 Javascript
vue中rem的配置的方法示例
2018/08/30 Javascript
Vue 实现从文件中获取文本信息的方法详解
2019/10/16 Javascript
H5实现手机拍照和选择上传功能
2019/12/18 Javascript
python动态加载变量示例分享
2014/02/17 Python
Python使用django搭建web开发环境
2017/06/09 Python
Python 查找list中的某个元素的所有的下标方法
2018/06/27 Python
django 基于中间件实现限制ip频繁访问过程详解
2019/07/30 Python
face++与python实现人脸识别签到(考勤)功能
2019/08/28 Python
python实现输入的数据在地图上生成热力图效果
2019/12/06 Python
基于python实现微信好友数据分析(简单)
2020/02/16 Python
Python多线程的退出控制实现
2020/08/10 Python
HTML5 Web Database 数据库的SQL语句的使用方法
2012/12/09 HTML / CSS
wedgwood加拿大官网:1759年成立的英国国宝级陶瓷餐具品牌
2018/07/17 全球购物
英国网上电器商店:Electricshop
2020/03/15 全球购物
基于Python 函数和方法的区别说明
2021/03/24 Python
个人自我鉴定范文
2013/10/04 职场文书
城市轨道交通工程职业规划书范文
2014/01/18 职场文书
出国留学担保书
2014/05/20 职场文书
2015年网络管理员工作总结
2015/05/21 职场文书
如何使用vue3打造一个物料库
2021/05/08 Vue.js
详解Flask开发技巧之异常处理
2021/06/15 Python
常用的Python代码调试工具总结
2021/06/23 Python