js-cookie

js-cookie 是什么?

一个简单,轻巧的JavaScript API,用于处理浏览器cookie

怎么使用 js-cookie?

1、安装

npm install js-cookie

2、引入

import Cookies from 'js-cookie'

3、将数据存进 js-cookie中

/*
创建一个cookie,在整个站点有效
name 表示 key
value 表示要存储的值
*/
Cookies.set('name', 'value');

/*
创建一个7天后过期的cookie,在整个站点中有效:
name 表示 key
value 表示要存储的值
*/
Cookies.set('name', 'value', { expires: 7 });

/*
创建一个过期的cookie,该cookie对当前页的路径有效:
name 表示 key
value 表示要存储的值
*/
Cookies.set('name', 'value', { expires: 7, path: '' });

4、获取js-cookie中的值

/*
根据存储时的key获取存储的值
如果该 key 不存在,那么返回 undefined
*/
Cookies.get('name');
Cookies.get('nothing');

/*
读取cookie 中存储的所有值
*/
Cookies.get();

4、删除js-cookie中的值

/*
根据 key 删除 对应的值
*/
Cookies.remove('name');

/*
根据 Key 删除当前页路径有效的cookie:
*/
Cookies.set('name', 'value', { path: '' });
Cookies.remove('name'); // 删除是啊比
Cookies.remove('name', { path: '' }); // 删除成功

5、通过js-cookie存取对象

const user = {
name: '张三',
age: 18
}
// 存储时传入对象
Cookies.set('user', user)
// 取出时需要将字符串转换为对象
const userData = JSON.parse(Cookies.get('user'))

如果觉得文章有帮助到你,可以扫描以下二维码
   请本文作者 喝一杯
pay_weixin pay_weixin

发表评论

电子邮件地址不会被公开。 必填项已用*标注