js-cookie 的使用

安装

提示：这里可以几种方法都可以用

1.直接饮用cdn：<script src="https://cdn.jsdelivr.net/npm/js-cookie@2/src/js.cookie.min.js"></script>

2.本地下载下来后：<script src="/path/to/js.cookie.js"></script>

3.模块化开发时:  npm install js-cookie//安装     import Cookies from 'js-cookie'//引入

1. 下载 cookie

npm install js-cookie

2.当前页面引用

import Cookies from "js-cookie";

3.Cookie 全局引用 main.js中引入

import Cookies from 'js-cookie'

4.Cookie 使用

// 组件中使用(注意自己定义的 名称)
Cookies.set('name', 'value')     // 写入cookie
Cookies.get('name')             // 读取cookie
Cookies.get()                   // 读取所有设置的cookie
Cookies.remove('name')         // 删除某项cookie值

Cookie 设置过期时间

//1、存cookie  
Cookies.set('key', 'value');                   //设置cookie
Cookies.set('key', 'value', { expires: 27 });  //设置有效期为27天的cookie
Cookies.set('key', 'value', { expires: 17, path: ''  }); //可以通过配置path,为当前页创建有效期7天的cookie

//2、取cookie
Cookies.get('key');// 获取指定key 对应的value
Cookies.get();    //获取所有value

//3、删除cookie
Cookies.remove('key');  //删除普通的cookie
Cookies.remove('name', { path: '' });  // 删除存了指定页面path的cookie

前端设置数据定时失效的可以有下面2种方法：
1、当数据较大时，可以利用localstorage，存数据时候写入一个时间，获取的时候再与当前时间进行比较
2、如果数据不超过cookie的限制大小，可以利用cookie比较方便，直接设置有效期即可。