Visual Studio Code 中Vue使用 Web Storage 存储键值存储信息 sessionStorage+localStorage

使用 Web Storage 存储键值存储信息

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

　　1、sessionStorage（临时存储） ：

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

　　　  2、localStorage（长期存储） ：

　　　　　　与 sessionStorage 一样，但是浏览器关闭后，数据依然会一直存在

　　　注意:sessionStorage 和 localStorage 的用法基本一致，

　　　　引用类型的值要转换成JSON

　　　　①localStorage有效期是永久的。一般的浏览器能存储的是5MB左右。sessionStorage api与localStorage相同。
　　　　②sessionStorage默认的有效期是浏览器的会话时间（也就是说标签页关闭后就消失了）。
　　　　③localStorage作用域是协议、主机名、端口。（理论上，不人为的删除，一直存在设备中）
　　　　④sessionStorage作用域是窗口、协议、主机名、端口。

 

一、localStorage 与 sessionStorage  类似        

　　　　---下面以localStorage为例

　　保存

　　　

 

 

　　获取值

　　

　删除+监听

　　

 　　浏览器查看