vuex实现数据状态持久化

作者:Leon_94 时间:2024-04-30 10:34:38 

用过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()] //加上这个就可以了
})

来源:https://blog.csdn.net/sinat_36422236/article/details/83188085

标签:vuex,数据,状态,持久化
0
投稿

猜你喜欢

  • Django auth 应用模块详解

    2023-05-20 11:17:17
  • PyQt5每天必学之工具提示功能

    2023-03-12 09:22:00
  • 使用MyISAM表和InnoDB的一些记录

    2009-12-20 18:21:00
  • 基于Python实现原生的登录验证码详情

    2021-12-23 02:26:02
  • Mysql建库字符集和排序规则及说明

    2024-01-15 14:04:13
  • MySQL5.6升级5.7时出现主从延迟问题排查过程

    2024-01-27 03:27:34
  • python中map、any、all函数用法分析

    2021-09-02 15:25:45
  • Python使用read_csv读数据遇到分隔符问题的2种解决方式

    2022-01-13 13:30:47
  • python中 * 的用法详解

    2023-06-22 20:05:43
  • css特性:空白外边距互相叠加

    2010-06-21 10:53:00
  • php ZipArchive解压缩实现后台管理升级问题详解

    2023-05-25 11:58:10
  • 语义化提高页面质量

    2007-10-07 11:56:00
  • Mysql8.0.22解压版安装教程(小白专用)

    2024-01-15 15:37:29
  • CSS隐藏文字的方法

    2008-10-03 12:08:00
  • Python 4种实现定时任务的方案

    2021-12-12 18:08:27
  • 使用Python将Mysql的查询数据导出到文件的方法

    2024-01-17 21:36:22
  • Python批量删除txt文本指定行的思路与代码

    2021-05-12 22:49:45
  • 关于jupyter打开之后不能直接跳转到浏览器的解决方式

    2023-07-17 01:39:55
  • 基于Python编写一个中秋节嫦娥投食小游戏

    2022-12-27 10:46:34
  • python自动化测试用例全对偶组合与全覆盖组合比较

    2021-02-03 01:59:45
  • asp之家 网络编程 m.aspxhome.com