zoukankan      html  css  js  c++  java
  • js-cookie 插件的使用方法, cookie的使用存储和删除

    一、安装

    npm install js-cookie --save

    二、引用

    import Cookies from 'js-cookie'

    三、一般使用

    1. 存到Cookie去
    1. // Create a cookie, valid across the entire site:  
    2. Cookies.set('name', 'value');  
    3.    
    4. // Create a cookie that expires 7 days from now, valid across the entire site:  
    5. Cookies.set('name', 'value', { expires: 7 });  
    6.    
    7. // Create an expiring cookie, valid to the path of the current page:  
    8. Cookies.set('name', 'value', { expires: 7, path: '' });  
    2.在Cookie中取出
    1. // Read cookie:  
    2. Cookies.get('name'); // => 'value'  
    3. Cookies.get('nothing'); // => undefined  
    4.    
    5. // Read all visible cookies:  
    6. Cookies.get(); // => { name: 'value' }  
    3.删除
    1. // Delete cookie:  
    2. Cookies.remove('name');  
    3.    
    4. // Delete a cookie valid to the path of the current page:  
    5. Cookies.set('name', 'value', { path: '' });  
    6. Cookies.remove('name'); // fail!  
    7. Cookies.remove('name', { path: '' }); // removed!  

    四、特殊使用(在Cookie中存对象)

    跟一般使用不同的是,从Cookie中取出的时候,要从字符串转换成json格式:
    1. const user = {  
    2. name: 'lia',  
    3. age: 18}  
    4. Cookies.set('user', user)const liaUser = JSON.parse(Cookies.get('user'))  
    1. // Create a cookie, valid across the entire site:  
    2. Cookies.set('name', 'value');  
    3.    
    4. // Create a cookie that expires 7 days from now, valid across the entire site:  
    5. Cookies.set('name', 'value', { expires: 7 });  
    6.    
    7. // Create an expiring cookie, valid to the path of the current page:  
    8. Cookies.set('name', 'value', { expires: 7, path: '' });  
    1、路在何方? 路在脚下 2、何去何从? 每个人都在探索,未来的方向在何处。如果说某些方向是世人已经公认的,那么就先按照公认的去走吧(ps:站在巨人的肩膀上看世界会清晰)。 如果说方向,当今世人还不清晰准确。那么就大胆往前走吧,对与错并不重要。心中的方向更加重要。
  • 相关阅读:
    node sql语句占位符用法(防sql注入攻击)
    请求node服务的静态资源请求不到
    node实现图片上传功能
    前端代码静态资源存阿里云
    git代码提交
    vue处理后台返回流的形式的文件下载
    20172305 2018-2019-1 《Java软件结构与数据结构》第五周学习总结
    20172305 2018-2019-1 《Java软件结构与数据结构》第四周学习总结
    20172305 2018-2019-1 《程序设计与数据结构》实验一报告
    20172305 2018-2019-1 《Java软件结构与数据结构》第三周学习总结
  • 原文地址:https://www.cnblogs.com/yuanjili666/p/12783833.html
Copyright © 2011-2022 走看看