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快速实现Tab的AJAX动态载入(实例讲解)
Dec 11 Javascript
js对文章内容进行分页示例代码
Mar 05 Javascript
JavaScript Array对象扩展indexOf()方法
May 09 Javascript
js操作table元素实现表格行列新增、删除技巧总结
Nov 18 Javascript
Bootstrap中的Panel和Table全面解析
Jun 13 Javascript
原生js和css实现图片轮播效果
Feb 07 Javascript
jquery replace方法去空格
May 08 jQuery
JQueryMiniUI按照时间进行查询的实现方法
Jun 07 jQuery
vue实现表格增删改查效果的实例代码
Jul 18 Javascript
Extjs 中的 Treepanel 实现菜单级联选中效果及实例代码
Aug 22 Javascript
JS闭包的几种常见形式实例详解
Sep 16 Javascript
微信小程序实现文件、图片上传功能
Aug 18 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 cout<<的一点看法
2010/01/24 PHP
PHP中4种常用的抓取网络数据方法
2015/06/04 PHP
javascript 强制刷新页面的实现代码
2009/12/13 Javascript
javascript 学习笔记(八)javascript对象
2011/04/12 Javascript
js String对象中常用方法小结(字符串操作)
2012/01/27 Javascript
js 去掉空格实例 Trim() LTrim() RTrim()
2014/01/07 Javascript
jQuery+ajax中getJSON() 用法实例
2014/12/22 Javascript
jquery $(document).ready()和window.onload的区别浅析
2015/02/04 Javascript
Bootstrap导航条鼠标悬停下拉菜单
2017/01/04 Javascript
React教程之封装一个Portal可复用组件的方法
2018/01/02 Javascript
js使用formData实现批量上传
2020/03/27 Javascript
JavaScript实现的级联算法示例【省市二级联动功能】
2018/12/25 Javascript
vue设置导航栏、侧边栏为公共页面的例子
2019/11/01 Javascript
vue之组件内监控$store中定义变量的变化详解
2019/11/08 Javascript
微信小程序批量上传图片到七牛(推荐)
2019/12/19 Javascript
jQuery实现轮播图效果demo
2020/01/11 jQuery
javascript实现移动端红包雨页面
2020/06/23 Javascript
javascript实现搜索筛选功能实例代码
2020/11/12 Javascript
python实现闹钟定时播放音乐功能
2018/01/25 Python
python读写LMDB文件的方法
2018/07/02 Python
python按时间排序目录下的文件实现方法
2018/10/17 Python
Python设计模式之组合模式原理与用法实例分析
2019/01/11 Python
使用OpenCV实现仿射变换—旋转功能
2019/08/29 Python
Python3实现发送邮件和发送短信验证码功能
2020/01/07 Python
Django ModelForm操作及验证方式
2020/03/30 Python
Python 利用argparse模块实现脚本命令行参数解析
2020/12/28 Python
德国的各种媒体在线商店:Thalia.de(书籍、电子书、玩具等)
2020/10/08 全球购物
创业计划书模版
2014/02/05 职场文书
奉献爱心演讲稿
2014/09/04 职场文书
群众路线教育党员自我剖析材料
2014/10/06 职场文书
学生逃课万能检讨书2000字
2015/02/17 职场文书
2015年学校总务处工作总结
2015/05/19 职场文书
读《皮囊》有感:理解是对他人的最大的善举
2019/11/14 职场文书
只用50行Python代码爬取网络美女高清图片
2021/06/02 Python
业余无线电通联Q语
2022/02/18 无线电
PyTorch中permute的使用方法
2022/04/26 Python