vue之vue-cookies 获取、设置以及删除指定的cookies

JavaScript操作cookies是项目中常用的功能，几乎所有浏览器都支持原生的cookies并且后端接口可以直接写入cookies，这点相对于localStore来说也算个小优势，而现在大多数情况下项目开发会选择vue框架，因为vue框架开发效率搞，也更易于后期的升级迭代和维护。那么好的工具来了，vue-cookies主要用于vue项目中操作cookie。

安装

npm install vue-cookies --save

引入使用

方式一（全局引入）：

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

方式二（局部引入，如果是小范围使用推荐局部引入的方式）：

import VueCookies from 'vue-cookies'

Api function 方法

一下为全局引入的使用，如果是局部引入则this对象改成引入的VueCookies

设置 cookie：

this.$cookies.set(keyName, time)

删除cookie：

this.$cookies.remove(keyName)

获取cookie：

this.$cookies.get(keyName)

获取所有cookie：

this.$cookies.keys()

监测cookie是否存在：

this.$cookies.isKey(keyName)