vue之使用cookie

vue资源库中有个插件很好用vue-cookies

github地址:https://github.com/cmp-cc/vue-cookies

使用起来也很方便,将vue-cookies.js 引入

$cookies.config() 设置默认值

$cookies.config(expireTimes, path)

expireTimes 默认1d
path 默认'/',

$cookies.set()

$cookies.set(key, value[, expireTimes[, path[, domain[, secure]]]]) 
  1. key: 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协议不发送。

$cookies.get('key')

$cookies.get(key)       // return value

$cookies.remove('key')

$cookies.remove(key [, path [, domain]])   // return  false or true , warning: next version return this; use isKey(key) return true/false,please

是否有key cookie

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

列出所有cookie

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

猜你喜欢

转载自www.cnblogs.com/jcydd/p/11488303.html
今日推荐