vue封装cookie方法_使用vue-cookies操作cookie

1.前言

在vue中如果想要操作cookie，除了使用之前我们自己封装好的操作cookie的方法之外，我们还可以使用vue-cookies插件，这是一个简单的Vue.js插件，专门用于在vue中处理浏览器的cookie操作，vue-cookies没有依赖关系，它可以独立存在，对vuejs友好。本篇博文就来介绍如何使用vue-cookies插件。

2.安装vue-cookies

npm install vue-cookies --save

3.引入vue-cookies

安装完毕后，我们需要在vue项目中明确引入vue-cookies。

import Vue from 'vue'

import VueCookies from 'vue-cookies'

Vue.use(VueCookies)

4.API

-设置全局配置，设置cookie过期时间和url

this.$cookies.config(expireTimes[,path]) // default: expireTimes = 1d , path=/

-设置一个cookie

this.$cookies.set(keyName, value[, expireTimes[, path[, domain[, secure]]]]) //return this

-获取一个cookie

this.$cookies.get(keyName) // return value

-删除一个cookie

this.$cookies.remove(keyName [, path [, domain]]) // return this

-检查某个 cookie name是否存在