vue项目中使用js-cookie存储数据_vue 引入js-cookie,存值唯一

2401_86637658

于 2024-09-07 19:44:17 发布

阅读量1.2k

点赞数 20

文章标签： javascript vue.js 前端

本文链接：https://blog.csdn.net/2401_86637658/article/details/142001170

版权

说明
js-cookie是一个简单的，轻量级的处理cookies的js API。
创建
//创建简单的cookie
Cookies.set(‘name’, ‘value’);
//创建有效期为7天的cookie
Cookies.set(‘name’, ‘value’, { expires: 7 });
//为当前页创建有效期7天的cookie
Cookies.set(‘name’, ‘value’, { expires: 7, path: ‘’ });

取值
Cookies.get(‘name’); // => ‘value’
Cookies.get(‘nothing’); // => undefined
//获取所有cookie
Cookies.get(); // => { name: ‘value’ }
删除值
Cookies.remove(‘name’);
//如果值设置了路径，那么不能用简单的delete方法删除值，需要在delete时指定路径
Cookies.set(‘name’, ‘value’, { path: ‘’ });
Cookies.remove(‘name’); // 删除失败
Cookies.remove(‘name’, { path: ‘’ }); // 删除成功
//注意，删除不存在的cookie不会报错也不会有返回

命名空间
如果担心不小心修改掉Cookies中的数据，可以用noConflict方法定义一个新的cookie。
var Cookies2 = Cookies.noConflict();
Cookies2.set(‘name’, ‘value’);
json相关
js-cookie允许你向cookie中存储json信息。

如果你通过set方法，传入Array或类似对象，而不是简单的string，那么js-cookie会将你传入的数据用JSON.stringify转换为string保存。

Cookies.set(‘name’, { foo: ‘bar’ });
Cookies.get(‘name’); // => ‘{“foo”:“bar”}’
Cookies.get(); // => { name: ‘{“foo”:“bar”}’ }
如果你用getJSON方法获取cookie，那么js-cookie会用JSON.parse解析string并返回。