vuex固化插件的使用

2023-11-03

数据持久化:

刷新页面,vuex里面数据丢失、清空。有时候我们需要把一些数据固话到本地,即使刷新也不能清空

第一步:需要先下载插件 


npm install vuex-persistedstate --save

第二步:在../store/index.js文件 配置

import persist from 'vuex-persistedstate'
//并使用
export default new Vuex.Store({
 state: {
 },
 mutations: {
 },
 actions: {
 },
 modules: {
 },
 plugins: [
   new persist({
     storage: window.localStorage,
   }),
 ],
 //会自动保存状态,刷新时不会丢失
})
始化时导入插件
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

vuex固化插件的使用 的相关文章

随机推荐

  • 001问

    偶然间 我的好朋友问起我这个问题 我还真没有好好思考过这个问题 我查了Go语言圣经 知名博客 以及Go中文文档 发现都没有阐述这个问题 后来找来找去也只有下面的解释 for的初始化语句不能是任何类型的语句 必须是 简单语句 短变量声明 就是
  • Th5.6:智能指针(unique_ptr)之详述1

    本小节学习的知识点分别是智能指针 unique ptr 之详述 常用操作 今天总结的知识分为以下2个大点 1 unique ptr概述 常用操作 1 1 常规初始化 unique ptr和new配合 1 2 make unique 函数 2
  • 转:idea中language level设置

    一 idea中项目的language level的含义 language level指的是编译项目代码所用的jdk版本 那么 从这个定义出发会有两个小问题 第一 如果project sdk是jdk8 那么language level应该是多
  • 在顺序表中插入元素_C语言 一看就懂

    一看就懂的数据结构带注释 数据结构 在顺序表中插入元素 C语言版 头文件和定义结构体 include
  • ECOLOGY 9.0 新增SAP批量选择功能并将数据填充到明细表

    需求来了 在明细表一的抬头处增加SAP多选功能 如下图 1 打开明细表一 2 打开集成按钮 3 右键后 点击批量编辑 4 点击明细表1后 继续点击多选浏览按钮配置SAP接口 5 配置SAP接口函数 6 字段配置完了后 勾选要显示的字段 不然
  • Qt 判断信号是否绑定了

    本文介绍Qt的信号是否被连接了和信号槽之间的参数是否一致的判断方法 1 判断信号是否正确连接 通过判断connect的返回值是否为true 1 bool ok connect this SIGNAL signal1 this SLOT sl
  • 如何选择云上业务的安全防护产品?

    古人云 没有绝对的安全 只有相对的安全 云计算作为业务的部署方式 已经逐渐被人们所接受 云模式也逐渐成为很多企业的重要选择 如何保证云上业务系统的安全 已经成为每一个上云企业必须要面对的问题 作为一个对安全技术不是那么专业的运维管理人员 如
  • 图片识别工具Tesseract介绍和python搭配使用

    Tesseract介绍和Python的搭配使用 一 Tesseract介绍 下载指南 1 了解Tesseract工具 2 下载地址 3 请注意 二 环境搭建 2 1 版本3 05安装 2 2 最新版本安装 2 3 环境搭建 2 4 举个栗子
  • Keil5 出现error: #28:expression must have a constant value的解决办法

    我们在进行编译的时候可能会出现下图的错误 出现这种错误的话 可能是以下两种问题情况 1 可能是在对变量应用的时候没有进行先声明后调用 这是编译器自身的问题 我们可以去Options for Target 选择C C 再勾选C99 Mode就
  • SQL 增、删、改、查基本语法

    create table student stid int primary key auto increment stname VARCHAR 20 stbirth DATE auto increment 1000 插入数据 insert
  • mysql下载地址

    点击下载
  • Java赛马程序

    编写一个多线程的控制程序 称为赛马程序 创建分别代表两匹马的两个线程 并将它们设置为高低不同的优先级 并以进度条的形式显示赛马过程 没几天Java要考试了 紧急学习一下再把之前参考 10条消息 Java多线程 进度条实现赛马实验 shall
  • 贪心算法:55.跳跃游戏(C++)

    class Solution public bool canJump vector
  • Ubuntu设置脚本、程序开机自启动

    Ubuntu设置脚本 程序开机自启动 方法1 修改 etc rc local 方法2 用update rc d命令添加开机执行脚本 方法3 使用 crontab 方法4 使用 systemd 服务 Centos 注 方法1 修改 etc r
  • 提交表单区别

    html按钮有两种
  • C++内存管理

    http blog csdn net zhanghefu article details 5003383 内存管理是C 最令人切齿痛恨的问题 也是C 最有争议的问题 C 高手从中获得了更好的性能 更大的自由 C 菜鸟的收获则是一遍一遍的检查
  • 深入理解AMBA总线——AXI原子访问机制和AXI响应

    本篇文章给大家讲解AXI协议的原子访问机制 1 Atomic访问机制 1 1 Atomic信号 众所周知 操作系统的很多机制需要底层硬件的支持 如并发 虚拟化等 随着多处理器的流行 arm也自然而然的要做其总线上加入和并发相关的信号 以满足
  • 【kubernetes系列】k8s ingress配置websocket支持

    背景 公司的后端同事在代码调试过程中需要上传一个文件 调用的websocket接口 了解同事需求和现象 浏览器上传文件一直卡主 通过浏览器调试模式发现无法正常获取websocket的连接 websocket的接口访问可以通过wscat命令
  • CTFHUB-Cookie注入

    Cookie Cookie 浏览器向服务器发送请求时发送cookie 或者服务器向浏览器附加cookie 就是将cookie附近在这里的 例如 Cookie user admin HackBar Load一下 BurpSuite等工具也可以
  • vuex固化插件的使用

    数据持久化 刷新页面 vuex里面数据丢失 清空 有时候我们需要把一些数据固话到本地 即使刷新也不能清空 第一步 需要先下载插件 npm install vuex persistedstate save 第二步 在 store index