你难道不知道Vue-cookie?

简介: 你难道不知道Vue-cookie?

install


npm install vue-cookies --save


main.js


import VueCookies from 'vue-cookies'
Vue.use(VueCookies)


API:


设置


this.$cookies.set(keyName, time)


获取


this.$cookies.get(keyName)    


删除


this.$cookies.remove(keyName)


查看一个cookie是否存在


this.$cookies.isKey(keyName)  


获取所有cookie名称


this.$cookies.keys()


示例


json对象


var user = { id:1, name:'Journal',session:'25j_7Sl6xDq2Kc3ym0fmrSSk2xV2XkUkX' };
this.$cookies.set('user',user);
// print user name
console.log(this.$cookies.get('user').name)


过期时间 默认为1天


简写 全名
y year
m month
d day
h hour
min minute
s second


this.$cookies.set("default_unit_second","input_value",1);         // 1秒之后
this.$cookies.set("token","GH1.1.1689020474.1484362313","60s");  // 60秒之后,
this.$cookies.set("token","GH1.1.1689020474.1484362313","30MIN");//30分钟之后 ,不区分大小写
this.$cookies.set('token',"GH1.1.1689020474.1484362313", new Date(2017,3,13).toUTCString());//某一天
this.$cookies.set("token","GH1.1.1689020474.1484362313", "Sat, 13 Mar 2017 12:25:57 GMT ");//某一时刻
this.$cookies.set("token","GH1.1.1689020474.1484362313", Infinity);  // 永不过期
this.$cookies.set("token","GH1.1.1689020474.1484362313", -1); //永不过期



相关文章
|
6月前
|
JavaScript 前端开发 定位技术
vue 使用 vue-jsonp 解决跨域请求问题(访问百度地图API)
vue 使用 vue-jsonp 解决跨域请求问题(访问百度地图API)
330 0
|
8月前
|
存储 JSON JavaScript
在Vue 3中使用useStorage轻松实现localStorage功能
VueUse是基于Vue3的Composition API的实用函数的集合,useStorage是其中的一个函数。我们可以使用useStorage来实现我们的localStorage功能。
|
8月前
|
存储 JavaScript 前端开发
JS中Cookie的基本使用
JS中Cookie的基本使用
|
JSON 前端开发 JavaScript
ajax和vue.js
ajax和vue.js
|
JavaScript
vue—重定向
vue—重定向
Vue-重定向
Vue-重定向
54 0
|
JavaScript 计算机视觉
vue解决跨域?
vue解决跨域?
99 0
|
存储 缓存 JavaScript
Vue(Vue2+Vue3)——38.浏览器存储(webStorage)
Vue(Vue2+Vue3)——38.浏览器存储(webStorage)
|
前端开发 JavaScript 安全
Vue(Vue2+Vue3)——51.解决vue前后端跨域问题
Vue(Vue2+Vue3)——51.解决vue前后端跨域问题