vue-03-2：vue之缓存

                              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作用域是窗口、协议、主机名、端口。