npm i js-cookie -S

import Cookies from 'js-cookie'

Cookies.set('name', 'value');

Cookies.set('name', 'value', { expires: 7 });

Cookies.set('name', 'value', { expires: 7, path: '' });

Cookies.get('name'); // => 'value'
Cookies.get('nothing'); // => undefined

Cookies.get(); // => { name: 'value' }

Cookies.remove('name');

Cookies.set('name', 'value', { path: '' });
Cookies.remove('name'); // fail!
Cookies.remove('name', { path: '' }); // removed!

//數(shù)據(jù)
localStorage.setItem('userName','HelloWeen');

localStorage.getItem('userName')

localStorage.removeItem('userName');

// 數(shù)組
var arr=[1,2,3];
localStorage.setItem("temp",arr); // 會(huì)返回1,2,3
console.log(typeof localStorage.getItem("temp"));// string
console.log(localStorage.getItem("temp"));// 1,2,3

var user= {"userName": "hello","age": 2};
typeof localStorage.getItem("user");// 也會(huì)返回String
localStorage.setItem("user", user);// 但是返回[object Object],

var user= {"userName": "hello","age": 2};
user= JSON.stringify(user); // 轉(zhuǎn)化為JSON字符串 ?"{"userName":"hello","age":2}"
localStorage.setItem("user", user);// 返回{"userName":"hello","age":2}
user=JSON.parse(localStorage.getItem("user"));

sessionStorage.key(int index) // 返回當(dāng)前 sessionStorage 對(duì)象的第index序號(hào)的key名稱。若沒有返回null。
sessionStorage.getItem(string key) // 返回鍵名(key)對(duì)應(yīng)的值(value)。若沒有返回null。
sessionStorage.setItem(string key, string value) // 該方法接受一個(gè)鍵名(key)和值(value)作為參數(shù)，將鍵值對(duì)添加到存儲(chǔ)中；如果鍵名存在，則更新其對(duì)應(yīng)的值。
sessionStorage.removeItem(string key) // 將指定的鍵名(key)從 sessionStorage 對(duì)象中移除。
sessionStorage.clear() // 清除 sessionStorage 對(duì)象所有的項(xiàng)。

sessionStorage.setItem('testKey','這是一個(gè)測(cè)試的value值'); // 存入一個(gè)值

sessionStorage['testKey'] = '這是一個(gè)測(cè)試的value值';

var userEntity = {
? ? name: 'tom',
? ? age: 22
};
?
// 存儲(chǔ)值：將對(duì)象轉(zhuǎn)換為Json字符串
sessionStorage.setItem('user', JSON.stringify(userEntity));
?
// 取值時(shí)：把獲取到的Json字符串轉(zhuǎn)換回對(duì)象
var userJsonStr = sessionStorage.getItem('user');
userEntity = JSON.parse(userJsonStr);
console.log(userEntity.name); // => tom

sessionStorage.getItem('testKey'); // => 返回testKey對(duì)應(yīng)的值

sessionStorage['testKey']; // => 這是一個(gè)測(cè)試的value值