JavaScript操作cookies是项目中常用的功能，几乎所有浏览器都支持原生的cookies并且后端接口可以直接写入cookies，这点相对于localStore来说也算个小优势，而现在大多数情况下项目开发会选择vue框架，因为vue框架开发效率搞，也更易于后期的升级迭代和维护。那么好的工具来了，vue-cookies主要用于vue项目中操作cookie。
image
安装
1 | npm install vue-cookies --save |
引入使用
方式一（全局引入）：
1 2 3 | import Vue from 'Vue' import VueCookies from 'vue-cookies' Vue.use(VueCookies) |
方式二（局部引入，如果是小范围使用推荐局部引入的方式）：
1 | import VueCookies from 'vue-cookies' |
Api function 方法
一下为全局引入的使用，如果是局部引入则this对象改成引入的VueCookies
设置 cookie：
1 | this.$cookies.set(keyName, time) |
删除cookie：
1 | this.$cookies.remove(keyName) |
获取cookie：
1 | this.$cookies.get(keyName) |
获取所有cookie：
1 | this.$cookies.keys() |
监测cookie是否存在：
1 | this.$cookies.isKey(keyName) |