Cookie的使用(js-cookie插件),通过js-cookie快速简单的设置cookie,可以把cookie当作存储器来使用 - 前端笔记-通过js-cookie快速简单的设置cookie,可以把cookie当作存储器来使用, 一、安装 ...

学习笔记

点滴记忆
回忆过往
首页>> web前端 >>Cookie的使用(js-cookie插件),通过js-cookie快速简单的设置cookie,可以把cookie当作存储器来使用 - 前端笔记
通过js-cookie快速简单的设置cookie,可以把cookie当作存储器来使用,

  安装
  
  npm install js - cookie--save
  
  引用
  
  import Cookies from 'js-cookie'
  
  一般使用
  
  1.存到Cookie去
  
// 创建一个在整个网站上有效的Cookie
Cookies.set('name''value');

// 创建一个从现在起7天后过期的cookie,在整个站点上有效:
Cookies.set('name''value', { expires7 });

// 创建一个过期的cookie,对当前页面的路径有效:/login
  Cookies.set('name''value', { expires7path'/login' });
  
2.在Cookie中取出

//读取 cookie:
Cookies.get('name'); // => 'value'
Cookies.get('nothing'); // => undefined

// 阅读所有可见的cookie:
  Cookies.get(); // => { name: 'value' }
  
3.删除

// 删除 cookie:
Cookies.remove('name');

// 删除对当前页面的路径有效的cookie:
Cookies.set('name''value', { path'' });
Cookies.remove('name'); // fail!
  Cookies.remove('name', { path'' }); // removed!
  
特殊使用在Cookie中存对象
跟一般使用不同的是从Cookie中取出的时候要从字符串转换成json格式

const user = {
  name'lia',
  age18
}
Cookies.set('user'user)
  const liaUser = JSON.parse(Cookies.get('user'))
  


×

感谢您的支持,我们会一直保持!

扫码支持
请土豪扫码随意打赏

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

打赏作者
版权所有,转载注意明处:前端笔记 » Cookie的使用(js-cookie插件),通过js-cookie快速简单的设置cookie,可以把cookie当作存储器来使用

发表评论

路人甲 表情
Ctrl+Enter快速提交

网友评论(0)