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 相关文章推荐
让iframe框架网页在任何浏览器下自动伸缩
Aug 18 Javascript
Javascript实现滑块滑动改变值的实现代码
Apr 12 Javascript
html5 canvas js(数字时钟)实例代码
Dec 23 Javascript
JavaScript框架(iframe)操作总结
Apr 16 Javascript
如何通过js实现图片预览功能【附实例代码】
Mar 30 Javascript
浅谈Angularjs link和compile的使用区别
Oct 21 Javascript
浅谈JS如何实现真正的对象常量
Jun 25 Javascript
Node.js 回调函数实例详解
Jul 06 Javascript
React-Native实现ListView组件之上拉刷新实例(iOS和Android通用)
Jul 11 Javascript
JavaScript正则表达式和级联效果
Sep 14 Javascript
手把手教你写一个微信小程序(推荐)
Oct 17 Javascript
angular组件间通讯的实现方法示例
May 07 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处理图片变得简单 基于gb库的图片处理类附实例代码下载
2011/05/17 PHP
Thinkphp自定义代码生成工具及用法说明(附下载地址)
2016/05/27 PHP
JSON取值前判断
2014/12/23 Javascript
JavaScript中的值是按值传递还是按引用传递问题探讨
2015/01/30 Javascript
jQuery数据缓存用法分析
2015/02/20 Javascript
JavaScript验证Email(3种方法)
2015/09/21 Javascript
浅谈JavaScript的内置对象和浏览器对象
2016/06/03 Javascript
JS实现获取剪贴板内容的方法
2016/06/21 Javascript
JS重载实现方法分析
2016/12/16 Javascript
Angular的$http的ajax的请求操作(推荐)
2017/01/10 Javascript
基于jQuery选择器之表单对象属性筛选选择器的实例
2017/09/19 jQuery
vue中使用localstorage来存储页面信息
2017/11/04 Javascript
Vue 路由 过渡动效 数据获取方法
2018/07/31 Javascript
解决Angular4项目部署到服务器上刷新404的问题
2018/08/31 Javascript
JS面试题大坑之隐式类型转换实例代码
2018/10/14 Javascript
react使用CSS实现react动画功能示例
2020/05/18 Javascript
jQuery实现简单轮播图效果
2020/12/27 jQuery
Python加pyGame实现的简单拼图游戏实例
2015/05/15 Python
全面解析Python的While循环语句的使用方法
2015/10/13 Python
Python 由字符串函数名得到对应的函数(实例讲解)
2017/08/10 Python
python matplotlib坐标轴设置的方法
2017/12/05 Python
Python实现接受任意个数参数的函数方法
2018/04/21 Python
pygame游戏之旅 添加游戏暂停功能
2018/11/21 Python
浅析Python与Mongodb数据库之间的操作方法
2019/07/01 Python
python3.7环境下安装Anaconda的教程图解
2019/09/10 Python
python爬虫开发之使用Python爬虫库requests多线程抓取猫眼电影TOP100实例
2020/03/10 Python
Python3 shelve对象持久存储原理详解
2020/03/23 Python
css3类选择器之结合元素选择器和多类选择器用法
2017/03/09 HTML / CSS
html5 分层屏幕适配的方法
2018/03/16 HTML / CSS
令人啧啧称赞的经理推荐信
2013/11/07 职场文书
2015元旦主持词开场白和结束语
2014/12/14 职场文书
感恩教师节主题班会
2015/08/12 职场文书
践行三严三实心得体会(2016推荐篇)
2016/01/06 职场文书
详解NodeJS模块化
2021/06/15 NodeJs
Java中使用Filter过滤器的方法
2021/06/28 Java/Android
使用opencv-python如何打开USB或者笔记本前置摄像头
2022/06/21 Python