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過期時間
- 全局配置
//30天過期
this.$cookies.config('30d')
// window object
window.$cookies.config('30d')
- 單個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 |