安装
提示:这里可以几种方法都可以用
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比较方便,直接设置有效期即可。