一、vue-cookies简介

vue-cookies组件是vue框架用来操作浏览器cookies的一种组件。

可以按key:value的形式将数据储存到浏览器的cookie中。

注意：

vue-cookies和vue-cookie是两种组件，不要混淆了！

二、vue-cookies安装与配置

安装：前端项目目录下的终端

>: cnpm install vue-cookies

配置：main.js

import cookies from 'vue-cookies'
Vue.prototype.$cookies = cookies;

三、vue-cookies的使用

// 设置cookie  exp: '1s' | '1h' | '1d'
this.$cookies.set(key, value, exp)  

// 按key取cookie
this.$cookies.get(key)

// 手动移除cookie
this.$cookies.remove(key)

// 判断cookie是否存在  return false or true
this.$cookies.isKey(key)        

注意：

cookies的名称key不能设置为以下关键字:

[‘expires‘，‘max-age‘，‘path‘，‘domain‘，‘secure‘]

vue-cookies组件 使用教程

原文：https://www.cnblogs.com/bowendown/p/12227323.html