Vue54-浏览器的本地存储webStorage

一、本地存储localStorage的作用

二、本地存储的代码实现

2-1、存储数据

注意:

localStorage是window上的函数,所以,可以把window.localStorage直接写成localStorage(直接调用!)

默认调了p.toString()方法。

2-2、读取本地存储

读取一个没有的key,出来的是:null

JSON.parse(null)的结果,也是null!!!

2-3、删除本地存储

2-4、清空本地存储

清空所有的本地存储!

2-5、localStorage清除数据的两种情况

1、调API接口

2、用户主动清除缓存!

三、sessionStorage会话存储

所有的API和localStorage一样!

浏览器一关,就没有了!

四、小结

相关推荐
吴声子夜歌7 小时前
Vue3——Vue实例与数据绑定
前端·javascript·vue.js
我是若尘8 小时前
Harness Engineering:2026 年 AI 编程的核心战场
前端·后端·程序员
一 乐8 小时前
物流信息管理|基于springboot + vue物流信息管理系统(源码+数据库+文档)
java·数据库·vue.js·spring boot·论文·毕设·物流信息管理系统
weixin199701080168 小时前
《快手商品详情页前端性能优化实战》
前端·性能优化
IT_陈寒9 小时前
折腾一天才明白:Vite的热更新为什么偶尔会罢工
前端·人工智能·后端
AI茶水间管理员10 小时前
学习ClaudeCode源码之Agent核心循环
前端·人工智能·后端
挖稀泥的工人10 小时前
AI聊天界面的布局细节和打字跟随方法
前端·javascript·面试
竹林81810 小时前
从“连接失败”到丝滑登录:我用 ethers.js 连接 MetaMask 的完整踩坑记录
前端·javascript
颜酱10 小时前
图片大模型实践:可灵(Kling)文生图前后端实现
前端·javascript·人工智能