vue localStorage.setItem

1> sessionStorage是什么对浏览器来说，使用 Web Storage 存储键值对比存储 Cookie 方式更直观，而且容量更大，
它包含两种：localStorage(长期存储)：与 sessionStorage 一样，但是浏览器关闭后，数据依然会一直存在&&sessionStorage（临时存储)：为每一个数据源维持一个存储区域，在浏览器打开期间存在，包括页面重新加载2> 使用方法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)2 获取
var data1 = JSON.parse(localStorage.getItem('hou'))
var data2 = localStorage.getItem('zheng')3 删除
//删除某个
localStorage.removeItem('hou')
//删除所有
localStorage.clear()4 监听
/**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);
})

vue localStorage.setItem相关推荐

localStorage.setItem()前后端分离情况下使用
localStorage 用于长久保存整个网站的数据,保存的数据没有过期时间,直到手动去删除. localStorage 属性是只读的. 前后端分离情况下,可以将后端返回的数据保存到localStor ...
localStorage.setItem()与localStorage.getItem()的使用
1.什么是localStorage 在HTML5中,新加入了一个localStorage特性,这个特性主要是用来作为本地存储来使用的,解决了cookie存储空间不足的问题(cookie中每条cooki ...
window.localStorage.setItem的使用
最近接触的一个小项目中频繁看到一个新的面孔: changeTheme () {dispatch({ type: 'app/switchTheme' })},changeOpenKeys (openKe ...
页面的通讯（ localStorage.setItem）
页面的通讯就是:在同一个项目中,两个页面在同时开启的情况下,页面A做操作,页面B也跟着做操作,实现页面同步这里我们就使用localStorage.setItem来实现两个页面之件的通讯,正常的loc ...
localStorage.setItem()使用
什么是localStorage 在HTML5中,新加入了一个localStorage特性,这个特性主要是用来作为本地存储来使用的,解决了cookie存储空间不足的问题(cookie中每条cookie的 ...
window.localStorage.setItem总结
window.localStorage.setItem(key,value);//设置指定key的数据(JSON格式)window.localStorage.getItem(key);//获取指定ke ...
localStorage setItem getItem
localStorage.setItem("key",value) 将value保存到key字段 localStorage.getItem('key') 获取key字段缺点 ...
window.localStorage.setItem的理解与使用
最近接触的一个小项目中频繁看到一个新的面孔: changeTheme () {dispatch({ type: 'app/switchTheme' })},changeOpenKeys (openKe ...
html文本框%3cdiv%3e,localStorage.setItem不能存储html的字符串
我曾经有一个脚本使用GM_setValue()从页面存储html块,并将其加载到另一个页面上. 所以:localStorage.setItem不能存储html的字符串 var data = ' tes ...

vue localStorage.setItem

vue localStorage.setItem相关推荐

最新文章

热门文章