vue中如何引入vue-cookie?

在最近使用vue做项目的过程中，发现vue有自己的一个引入的cookie文件，极大的方便了我们进行cookie数据的存储。

---

在此大概总结一下：

一、引入vue-cookies.js

npm链接：https://www.npmjs.com/package/vue-cookies

二、API文档

1. 设置默认值，$cookies.config() 

$cookies. config(expireTimes,path)

注: expireTimes 默认为1d, expireTimes=1d
    path 默认为'/', path=/

2. 设置一个cookie，$cookies.set()

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

1. keyName: cookie名
注意 $cookies key names Cannot be set to ['expires', 'max-age', 'path', 'domain', 'secure']

2. value: cookie值
vue-cookie会自动帮你把对象转为json if (value && value.constructor === Object ){value = JSON.stringify(value)}

3. expireTimes: cookie有效时间，默认时间为1d
可以为到期时间点，也可以为有效时间段，在vue-cookies中传入Infinity||-1被认该cookie永久有效，传入'0'则关闭浏览器的时候销毁cookie

4. path: cookie所在目录，默认 '/' 根目录
设置path: '/projectName/'指定项目名下'/projectName/'使用

5. domain: cookie所在的域，默认为请求地址

6. secure: Secure属性是说如果一个cookie被设置了Secure=true，那么这个cookie只能用https协议发送给服务器，用http协议不发送。

3. 获取一个cookie，$cookies.get(keyName)

$cookies.get(keyName)  // return value 

4. 删除一个cookie，$cookies.remove('key')

$cookies.remove(key [, path [, domain]]) // return false or true

5. 存在cookie name

$cookies.isKey(keyName)  //return false or true

6. 得到所有cookie name

$cookies.keys()    //return ['key','key', ...]

this.$cookies.keys()    //return a array