vue插件 js-cookie js-cookie使用

一. js-cookie是什么？

js-cookie是一个简单的,轻量级的处理cookies的api

二. 下载安装

• 使用npm 或者yarn 等
• npm install js-cookie -S

三. 引入

import Cookies form 'js-cookie'

四. 使用

cookie的使用分为 添加 获取 修改 删除

4.1 添加cookie

创建一个最简单的cookie, 这种方式 创建的cookie会在浏览器窗口关闭之后销毁

Cookies.set('setting', value)

// OR

const obj = {}
Cookies.set('setting', obj)
// ...

想要cookie在浏览器关闭之后不被销毁，就要创建一个定时cookie

Cookies.set('setting', value, { expires: 3 })
// expires: 3 表示三天后自动销毁

4.2 获取cookie

// 获取指定名称的cookie
Cookies.get('setting') // value

// 获取value为对象的cookie
JSON.parse(Cookies.get('setting'))
// 获取所有cookie
Cookies.get()

4.3 删除cookie

// 删除指定名称的cookie
Cookies.remove('setting')
// 删除带有路径的cookie
Cookies.set('setting', value, { path: '' })
Cookies.remove('setting', { path: '' })