简介
JavaScript操作cookies是项目中常用的功能,几乎所有浏览器都支持原生的cookies并且后端接口可以直接写入cookies,这点相对于localStore来说也算个小优势,而现在大多数情况下项目开发会选择vue框架,因为vue框架开发效率搞,也更易于后期的升级迭代和维护。那么好的工具来了,vue-cookies主要用于vue项目中操作cookie。
安装
# 在pycharm的terminal终端执行 # npm install vue-cookies --save
引入方式
main.js中设置
// vue-cookies配置 import cookies from 'vue-cookies' Vue.prototype.$cookies = cookies;
vue-cookie使用
1、设置cookie
this.$cookies.set(keyName, value[, expireTimes[, path[, domain[, secure]]]]) //return this // 简洁使用 this.$cookies.set('key','value', '过期时间,按秒计'); // 示例 this.$cookies.set('username',response.data.username, '7d');
2、获取cookie
this.$cookies.get(keyName) // return value
3、删除cookie
this.$cookies.remove("key");
4、判断cookie中是否有指定的key
this.$cookies.isKey(keyName)
5、获取所有cookie
this.$cookies.keys()