vue localStorage.setItem

一什么是localStorage
对浏览器来说，使用 Web Storage 存储键值对比存储 Cookie 方式更直观，而且容量更大，它包含两种：localStorage 和 sessionStorage

sessionStorage（临时存储）：为每一个数据源维持一个存储区域，在浏览器打开期间存在，包括页面重新加载

localStorage（长期存储）：与 sessionStorage 一样，但是浏览器关闭后，数据依然会一直存在

二使用方法
注意:sessionStorage 和 localStorage 的用法基本一致，引用类型的值要转换成JSON,所以这里就只列举localStorage

1 保存

//对象

const info = { name: ``'hou'``, age: 24, id: ``'001' };

//字符串

const str=``"haha"``;

localStorage.setItem(``'hou'``, JSON.stringify(info));

localStorage.setItem(``'zheng'``, str);

var data1 = JSON.parse(localStorage.getItem(``'hou'``));

var data2 = localStorage.getItem(``'zheng'``);

//删除某个

localStorage.removeItem(``'hou'``);

//删除所有

localStorage.clear();

Storage 发生变化（增加、更新、删除）时的触发，同一个页面发生的改变不会触发，只会监听同一域名下其他页面改变 Storage

window.addEventListener(``'storage'``, ``function (e) {

console.log(``'key'``, e.key); console.log(``'oldValue'``, e.oldValue);

console.log(``'newValue'``, e.newValue); console.log(``'url'``, e.url);

})

image

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成，浏览时请结合常识与多方信息审慎甄别。
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。