Vue框架:vue-cookies组件

一、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']

posted @ 2020-01-21 23:09  Donner  阅读(853)  评论(0编辑  收藏  举报