js-cookie的使用

js-cookie 主要是方便我們操作cookie的存儲，簡單好用，接下來就看一下 js-cookie 的使用方法

我們都知道平時使用 cookie 進行緩存時，主要以  儲存、獲取、刪除 三種方式，js-cookie也是如此，避免了像原生操作 cookie 的繁瑣

原生js操作cookie的麻煩

首先我們要安裝一下 js-cookie

npm install --save js-cookie

安裝成功后，需要在用到的文件中調用

import Cookies from 'js-cookie'

接下來就可以使用了

方法一：儲存（set）

// 先開始一個簡單的例子
Cookies.set('user', '咸蛋君', { expires: 3, path: '' });
// 創建一個有效的cookie這時你就會在控制台cookies里就有個name為user這個字段了，而它的value是咸蛋君
Cookies.set('user', '咸蛋君', { expires: 3 });
// 創建一個從現在起3天過期的cookie
Cookies.set('user', '咸蛋君', { expires: 3, path: '' });
// 創建對當前頁面路徑有效的3天過期cookie
// 接下來儲存一個對象
const res = { user: '咸蛋君', age: 18 };
Cookies.set('data', res);
// 同樣這時控制台cookies里又出現一個name為data的字段而它的value是一個對象

方法二：獲取（get）

// 現在來獲取剛才儲存的數據
const user = Cookies.get('user')
// console.log(Cookies.get('user')) // 咸蛋君
// 接下來獲取剛才儲存的對象
const res = JSON.parse(Cookies.get('data'))  // 注意 如果不添加想要獲取的name時會給你返回cookies里面所有的數據
// console.log(res) // => { uesr: '咸蛋君', ags: 18}

方法三：刪除（remove）

Cookies.remove('user');
// 刪除cookie里name為user的數據
Cookies.remove('user', { path: '' });
// 刪除對當前頁面路徑有效的cookie