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

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)

相关文章:

  • 时尚搭配助手,深度解析用Keras构建智能穿搭推荐系统
  • FFmpeg+SDL实现简易视频播放器
  • maven-antrun-plugin插件的用法
  • 本地大模型编程实战(15)初探智能体Agent(2)
  • 基于 Python Pendulum 的日期时间处理
  • html css js网页制作成品——HTML+CSS+js情人节网页设计(5页)附源码
  • HTTP请求X-Forwarded-For注入
  • k8s优雅操作pod容器组
  • 独立C++ asio库实现的UDP Server
  • 【模板】并查集
  • 【ClickHouse】Ubuntu下离线安装ClickHouse数据库并使用DBeaver连接
  • 深入了解常见MCU架构:ARM、AVR与其他嵌入式系统
  • Microsoft Edge浏览器介绍
  • 51单片机独立按键的扩展应用
  • npm版本号标记
  • IIS部署netcore程序后,出现500.30错误解决方案之一
  • 红黑树(set,map)算法题
  • 简易 Shell 实现指南
  • 第二章:14.1 倾斜数据集的误差指标
  • 性格测评小程序04题库管理
  • 网站的流量建设/seo怎么发文章 seo发布工具
  • 有什么公司是建设网站的吗/百度开放平台登录
  • 哪有做网站的 优帮云/万网注册域名
  • 无锡网站制作/个人如何在百度做广告
  • 做网站需要什么资质/去了外包简历就毁了吗
  • 做网站需要会哪些编程语言/网络推广是诈骗吗