vue中sessionStorage的使⽤
localStorage 和 sessionStorage 属性允许在浏览器中存储 key/value 对的数据。
sessionStorage ⽤于临时保存同⼀窗⼝(或标签页)的数据，在关闭窗⼝或标签页之后将会删除这些数据。
提⽰: 如果你想在浏览器窗⼝关闭后还保留数据，可以使⽤ localStorage 属性，改数据对象没有过期时间，今天、下周、明年都能⽤，除⾮你⼿动去删除。
1.⽅法
sessionStorage.key(int index) //返回当前 sessionStorage 对象的第index序号的key名称。若没有返回null。
sessionStorage.setItem(string key, string value) //该⽅法接受⼀个键名(key)和值(value)作为参数，将键值对添加到存储中；如果键名存在，则更新其对应的值。
sessionStorage.clear() //清除 sessionStorage 对象所有的项。
2，存储数据
2.1 采⽤setItem()⽅法存储
vuejson转对象
sessionStorage.setItem('testKey','这是⼀个测试的value值'); // 存⼊⼀个值
2.2 通过属性⽅式存储
sessionStorage['testKey'] = '这是⼀个测试的value值';
2.3 存储Json对象
sessionStorage也可存储Json对象：存储时，通过JSON.stringify()将对象转换为⽂本格式；读取时，通过JSON.parse()将⽂本转换回对象。var userEntity = {
name: 'tom',
age: 22
};
// 存储值：将对象转换为Json字符串
sessionStorage.setItem('user', JSON.stringify(userEntity));
// 取值时：把获取到的Json字符串转换回对象
var userJsonStr = Item('user');
userEntity = JSON.parse(userJsonStr);
console.log(userEntity.name); // => tom
3，读取数据
3.1 通过getItem()⽅法取值
3.2 通过属性⽅式取值
sessionStorage['testKey']; // => 这是⼀个测试的value值

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。