Vue前端设置cookies
vue-cookies
一、模块的安装
npm install vue-cookies --save
二.配置main.js
// 全局配置cookie，组件调用方式：this.$cookies
import cookies from 'vue-cookies'
Vue.prototype.$cookies = cookies;
//配置cookies生命周期，单位不区分大小写
this.$cookies.config('1d') //填的值1d为一天,1h为一小时,1min为一分钟,1s为1秒：如下表| 时间单位 | 单位全名 |
|---|---|
| y | year（年） |
| m | month（月） |
| d | day（日） |
| h | hour（时） |
| min | minute（分） |
| s | second（秒） |
三.使用方式
设置cookies:this.$cookies.set(key,value) 例如=======>this.$cookies.set('userInfo',‘’)
获取指定的cookies:this.$cookies.get(key)获取所有cookies返回为数组的形式:this.$cookies.keys(key)删除:this.$cookies.remove(key)删除后如果没有重启浏览器，cookies的key还在的,不过value为空。
检查某个cookies的value是否存在:this.$cookies.isKey(key)
四.举个栗子
（1）将用户id写入cookies中
this.$cookies.set("userId","9527")
（2）获取写入的id的cookies
let useruserId")
则，userId=9527;
(3) 删除写入的id的cookies
this.$cookies.remove("userId")