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

猜你喜欢

转载自www.cnblogs.com/bowendown/p/12227323.html