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

embedded/2025/2/15 17:05:21/

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.ppmy.cn/embedded/162462.html

相关文章

uni-app中常用的指令语句有哪些?

Uni-App 中常用的指令语句详解 Uni-App 是一个基于 Vue.js 的跨平台应用开发框架,能够同时编译到多个平台(如 H5、小程序、APP 等)。在开发过程中,使用 Uni-App 提供的指令语句可以大大提高开发效率和应用性能。本文将详细介绍 U…

LeetCode刷题---字符串---819

最常见的单词 819. 最常见的单词 - 力扣(LeetCode) 题目: 给你一个字符串 paragraph 和一个表示禁用词的字符串数组 banned ,返回出现频率最高的非禁用词。题目数据 保证 至少存在一个非禁用词,且答案 唯一 。 par…

Python 面向对象(类,对象,方法,属性,魔术方法)

前言:在讲面向对象之前,我们先将面向过程和面向对象进行一个简单的分析比较,这样我们可以更好的理解与区分,然后我们在详细的讲解面向对象的优势。 面向过程(Procedure-Oriented Programming,POP&#xff0…

3D数字化技术:重塑“人货场”,开启营销新纪元

在数字化浪潮的推动下,3D数字化技术正以前所未有的方式重新诠释着“人货场”的传统概念。这一变革的核心在于将客户、产品和场景这三大要素,通过3D商品、3D场景以及数字人等创新手段进行深度重构,从而为企业营销带来了一场革命性的转变。 传…

数据科学之数据管理|python for Excel

使用python操作Excel我们主要介绍xlrd读取Excel文件,Xlwt写入Excel文件,xlutils更新数据。以及Openpyxl操作excel。 下图是不同的模块对Excel操作的对比 一、数据读写与更新 (一) 读取数据--xlrd 1. 安装 pip install xlrd 2. 常用方法与属性 函数名&属性 含义 xlrd…

【计算机毕业设计】Spring Boot教师人事档案管理系统功能说明

🎉**欢迎来到琛哥的技术世界!**🎉 📘 博主小档案: 琛哥,一名来自世界500强的资深程序猿,毕业于国内知名985高校。 🔧 技术专长: 琛哥在深度学习任务中展现出卓越的能力&a…

【Java-数据结构】Java 链表面试题上 “最后一公里”:解决复杂链表问题的致胜法宝

我的个人主页 我的专栏:Java-数据结构,希望能帮助到大家!!!点赞❤ 收藏❤ 引言: Java链表,看似简单的链式结构,却蕴含着诸多有趣的特性与奥秘,等待我们去挖掘。它就像一…

SSL域名证书怎么申请?

在数字化时代,网络安全已成为企业和个人不可忽视的重要议题。SSL(Secure Sockets Layer,安全套接层)域名证书,作为保障网站数据传输安全的关键工具,其重要性日益凸显。 一、SSL域名证书:网络安…