cookie sessionStorage localStorage数据存储

浏览器端数据的存储分为：cookie_js存储和html5本地存储，其中，html5本地存储包括：sessionStorage存储和localStorage存储。sessionStorage的存储是暂时的，当浏览器关闭时存储的数据会被清除；localStorage存储的数据是永久的，只能手动清除。

h5本地存储（包括sessionStorage存储和localStorage存储）的特点：
（1）存储大小：5M
（2）数据存储于客户端；
（3）只能存储字符串数据类型

一、sessionStorage

此存储方式属于临时存储，数据会在浏览器关闭的时候被清除。
代码如下（示例）：

存储数据：
window.sessionStorage.setItem("key","value");
读取数据：
window.sessionStorage.getItem("key");
删除数据：
window.sessionStorage.removeItem("key");
清空所有数据：
sessionStorage.clear();

二、localStorage

localStorage存储的数据需要手动进行清除（类似一周内免登录用localStorage存储）：

数据存储：
window.localStorage.setItem("key","value");
读取数据：
window.localStorage.getItem("key","value");
删除数据：
window.localStorage.removeItem("key");
清空所有数据：
localStorage.clear()

三、cookie_js

cookie_js使用需要安装引入依赖包

npm install js-cookie --save
import Cookies from 'js-cookie'//在store.js文件中

存储数据：
cookie.set("key","value");
cookie.set({"key1":"value","key2":"value2"});
读取数据：
cookie.get("key");
cookie.set(["key1","key2"]);
清除数据：
cookie.remove("key");
cookie.set("key","key2");
cookie.set(["key","key2"]);