Cookie的使用(js-cookie插件)

旧城等待, 2021-09-17 17:12 500阅读 0赞

js-cookie 官方文档

里面就详细的介绍了es5怎么引用,以下是ES6以上的用户

一、安装

  1. npm install js-cookie --save

二、引用

  1. import Cookies from 'js-cookie'

三、一般使用

  1. 存到Cookie去

    // Create a cookie, valid across the entire site:
    Cookies.set(‘name’, ‘value’);

    // Create a cookie that expires 7 days from now, valid across the entire site:
    Cookies.set(‘name’, ‘value’, { expires: 7 });

    // Create an expiring cookie, valid to the path of the current page:
    Cookies.set(‘name’, ‘value’, { expires: 7, path: ‘’ });

2.在Cookie中取出

  1. // Read cookie:
  2. Cookies.get('name'); // => 'value'
  3. Cookies.get('nothing'); // => undefined
  4. // Read all visible cookies:
  5. Cookies.get(); // => { name: 'value' }

3.删除

  1. // Delete cookie:
  2. Cookies.remove('name');
  3. // Delete a cookie valid to the path of the current page:
  4. Cookies.set('name', 'value', { path: '' });
  5. Cookies.remove('name'); // fail!
  6. Cookies.remove('name', { path: '' }); // removed!

跟一般使用不同的是,从Cookie中取出的时候,要从字符串转换成json格式:

  1. const user = {
  2. name: 'lia',
  3. age: 18
  4. }
  5. Cookies.set('user', user)
  6. const liaUser = JSON.parse(Cookies.get('user'))

作者:Lia代码猪崽
链接:https://www.jianshu.com/p/6e1bacd35f59
來源:简书
简书著作权归作者所有,任何形式的转载都请联系作者获得授权并注明出处。

发表评论

表情:
评论列表 (有 0 条评论,500人围观)

还没有评论,来说两句吧...

相关阅读