vue 中使用 cookie， localStorage，SessionStoragecookie 1. 安装 2.

cookie

1. 安装

npm install vue-cookies --save

2. api

// 设置
cookie.set(key, value, tiem)

// 读取
cookie.get(key)

// 查询 cookie 是否存在
cookie.isKey(key)

// 获取所有 cookie
cookie.keys().join("\n"); 

// 删除
cookie.remove(key)

// 删除所有 cookie
cookie.keys().forEach(i => cookie.remove(i))

时间格式

y - 年

m - 月

d - 天

h - 小时

min - 分钟

s - 秒

3. 应用

如是对象：读取到的是字符串，需要转换： JSON.parse(json)

import cookie from 'vue-cookies'
cookie.set('token', token, '1d') // cookie保存1天
cookie.get('token')
JSON.parse(cookie.get(obj))
cookie.remove('token')

localStorage和sessionStorage操作（相同的操作方法）

setItem存储value

用途：将value存储到key字段

存储对象：需要转换成字符串：JSON.stringify()

sessionStorage.setItem("key", "value");     localStorage.setItem("site", "js8.in");

getItem获取value

用途：获取指定key本地存储的值

存储对象：读取到的是字符串，需要转换： JSON.parse(json)

var value = sessionStorage.getItem("key");     var site = localStorage.getItem("site");

removeItem删除key

用途：删除指定key本地存储的值

sessionStorage.removeItem("key");     localStorage.removeItem("site");

clear清除所有的key/value

用途：清除所有的key/value

sessionStorage.clear();     localStorage.clear();

vue 中 使用 cookie， localStorage，SessionStorage