当前位置: 首页 > article >正文

vue开发时,用localStorage常用方法及存储数组方法。

localStorage 可以让你在浏览器中存储键值对,并且在页面关闭后数据依然保留。localStorage 中存储的数据会一直保存在客户端,直到被手动删除或者清除浏览器缓存。
localStorage 中存储的数据在同一浏览器的不同窗口之间是共享的,而 sessionStorage 中存储的数据只在当前会话(session)中有效,不同窗口之间不共享数据。

localStorage 的常用方法:
localStorage.setItem(key, value): 将数据存储到 localStorage 中,以指定的键名(key)和键值(value)保存数据。
localStorage.getItem(key): 根据键名(key)从 localStorage 中获取数据,并返回对应的键值(value)。
localStorage.removeItem(key): 根据键名(key)从 localStorage 中移除对应的数据。
localStorage.clear(): 清空 localStorage 中的所有数据。

vue开发时,用localStorage存储数组方法,包括数组定义、把数组转为字符串存储、读取localStorage转数组。localStorage存储数组需要把数组转为字符串,及从localStorage读取数据后,由字符串转回数组。

1.数组定义
let arrary = ['value1','value2','value3']

2.存储数组,把数组转为字符串存储
let temp=JSON.stringify(arrary )
localStorage.setItem('myStorage', temp)

3.读取localStorage
let temp=localStorage.getItem('myStorage')
arrary = JSON.parse(temp)


http://www.kler.cn/a/547918.html

相关文章:

  • SpringBoot如何配置开发环境(JDK、Maven、IDEA等)
  • React - 高阶函数-函数柯里化
  • EasyX学习笔记1:线条
  • 2025年如何选择合适的微服务工具
  • Hive的动态分区的原理
  • 【C++干货分享】集合 位运算
  • C++ references
  • SQLMesh 系列教程4- 详解模型特点及模型类型
  • TongETLV3.0安装指引(by lqw)
  • 1-8 gitee码云的注册与使用
  • OpenAI发布新模型及会员订阅计划:o3-mini、GPT-4.5与GPT-5的全新体验
  • 如何学习Elasticsearch(ES):从入门到精通的完整指南
  • 【读点论文】Rewrite the Stars将svm的核技巧映射到高维空间,从数理逻辑中丰富特征维度维度
  • 【MySQL】第五弹---数据类型全解析:从基础到高级应用
  • 标贝科技参编国内首个AIGC大模型功能测试标准
  • 2025年二级建造师报名流程图解
  • 借助 OpenCV 库实现实时的脸部识别
  • 2月15日星期六今日早报简报微语报早读
  • 08模拟法 + 技巧 + 数学 + 缓存(D1_模拟法)
  • html css js网页制作成品——HTML+CSS+js情人节网页设计(5页)附源码