vue-03-2:vue之缓存
一、localStorage
localStorage属性以及方法:
代码介绍:(对象必须序列化才可以存入,解析也是如此)
methods:{
getStorage(){
console.log(JSON.parse(localStorage.getItem('userInfo')));
},
},
mounted() {
localStorage.setItem('userInfo', JSON.stringify({name:'yinyuyou',sex:'man'}));
},
二、sessionStorage
sessionStorage属性以及方法:
代码介绍:(对象必须序列化才可以存入,解析也是如此)
methods:{
getStorage(){
console.log(JSON.parse(sessionStorage.getItem('user')));
},
},
mounted() {
sessionStorage.setItem('user', JSON.stringify({name:'youge',sex:'male'}));
},
三、总结
1、localStorage有效期是永久的,一般的浏览器能存储的是5MB左右。
2、sessionStorage api与localStorage相同。
3、sessionStorage默认的有效期是浏览器的会话时间(也就是说标签页关闭后就消失了)。
4、localStorage作用域是协议、主机名、端口。(理论上,不人为的删除,一直存在设备中)
5、sessionStorage作用域是窗口、协议、主机名、端口。