localStorage与 sessionStorage - Vue

一、区别

（1）相同点：

1. 1. 都是用来存储客户端临时信息的对象。

   2. 只能存储字符串类型的对象。

   3. 使用相同的API。

（2）不同点：

1. 1. localStorage生命周期是永久，存储在浏览器中；sessionStorage生命周期为当前窗口或标签页，浏览器关闭时自动销毁。

   2. 相同浏览器的不同页面间可以共享相同的 localStorage（页面属于相同域名和端口），但是不同页面或标签页间无法共享sessionStorage的信息。

这里需要注意的是，页面及 标签页仅指顶级窗口，如果一个标签页包含多个iframe标签且他们属于同源页面。

二、API(localStorage与sessionStorage的API相同)

// 保存或设置
sessionStorage.setItem('key','value');
// 获取
sessionStorage.getItem('key');
// 删除
sessionStorage.removeItem('key');
// 清空API
sessionStorage.clear();