em-cookie

cookie的相关操作

为什么用？

• 减少项目之间重复的代码
• 公共方法抽离
• 使用方便
• 模块化，用哪个，引哪个
• 易于维护

怎么用？

在vue中可以使用，像挂载其他ui库一样。

import cookie from 'em-cookie';
Vue.use(VueCookie);
// 普通用法
console.log(window.$cookie.get('aaa'));
// vue 用法
console.log(this.$cookie.get('aaa'));

set 方法

1.0.7 版本之前必须设置时间

参数

window.$cookie.set(key, value, expireValue, path, domain, secure);

属性	说明	类型	是否必须	默认
key	存储的键值	String	是	无
value	存储内容	String	是	无
expireValue	过期时间。可用值: 年(y)，月(m)，日(d)，时(h)，分(min)，秒(s)	[String,Number]	否1.0.7 之前必传`	1d(一天)
path	存储的作用路径	String	否	/
domain	存储的作用的 domain	String	否	document.domain
secure	Cookie 只能通过安全协议传输为 https 。在 Chrome 52之前，此标记可能会显示来自 http 域的 Cookie 。	Boolean	否	无

get 方法

window.$cookie.get(key);

属性	说明	类型	是否必须	默认
key	获取的键值	String	是	无

remove 方法

window.$cookie.remove(key, path, domain);

属性	说明	类型	是否必须	默认
key	获取的键值	String	是	无
path	存储的作用路径	String	否	1.0.7 开始默认/
domain	存储的作用的 domain	String	否	1.0.7 开始默认document.domain

安装

• npm

npm install em-cookie

• yarn

yarn add em-cookie