vue中使用vue-cookies

vue-cookies链接： https://github.com/cmp-cc/vue-cookies
在vue中想要操作cookie，除了使用我们自己封装好的操作cookie的方法之外，我们还可以使用vue-cookies插件，这是一个简单的Vue.js插件，专门用于在vue中处理浏览器的cookie操作。

一、模块安装

 npm install vue-cookies --save

二、main.js中引用

 import Vue from 'vue'
 import VueCookies from 'vue-cookies'
 Vue.use(VueCookies)

三、常用的方法

//设置 cookie：
this.$cookies.set(keyName, value[, expireTimes[, path[, domain[, secure[, sameSite]]]]])    //return this

//获取cookie
this.$cookies.get(keyName)       // return value 
  
//删除 cookie
this.$cookies.remove(keyName)     // return this

//查看一个cookie是否存在（通过keyName）
this.$cookies.isKey(keyName)        // return false or true　

//获取所有cookie名称
this.$cookies.keys()  // return a array

设置cookie过期时间

1. 全局配置

//30天过期
this.$cookies.config('30d')  
// window object
window.$cookies.config('30d')

2. 单个name配置

//不写过期时间，默认为1天过期
this.$cookies.set("token","c149dd55-8b55-ea11-9686-001dd8b9142b")

// 1天过期，忽略大小写
this.$cookies.set("token","c149dd55-8b55-ea11-9686-001dd8b9142b","1d")

// 以秒为单位，设置12个小时过期
this.$cookies.set("token","c149dd55-8b55-ea11-9686-001dd8b9142b", 60 * 60 * 12)

【 需注意的事项，设置到期时间，输入字符串类型，忽略大小写。而输入数字类型，以秒为基本单位。】

输入字符串类型

Unit	full name
y	year
m	month
d	day
h	hour
min	minute
s	second