你难道不知道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); //永不过期



相关文章
VUE3(十五)关于cookie使用的几个函数
下边是我简单封装的几个cookie方法:Utils.ts 、调用。
433 0
VUE3(十五)关于cookie使用的几个函数
|
3月前
|
存储 JSON JavaScript
在Vue 3中使用useStorage轻松实现localStorage功能
VueUse是基于Vue3的Composition API的实用函数的集合,useStorage是其中的一个函数。我们可以使用useStorage来实现我们的localStorage功能。
|
9月前
|
JavaScript
vue中axios请求
vue中axios请求
40 0
|
6月前
vue3中如何去请求数据
vue3中如何去请求数据
|
8月前
|
JavaScript
vue—重定向
vue—重定向
|
9月前
Vue-重定向
Vue-重定向
32 0
|
9月前
|
JavaScript
|
10月前
|
JavaScript 计算机视觉
vue解决跨域?
vue解决跨域?
74 0
|
11月前
|
存储 缓存 JavaScript
Vue(Vue2+Vue3)——38.浏览器存储(webStorage)
Vue(Vue2+Vue3)——38.浏览器存储(webStorage)
|
JavaScript
你了解vue跨越请求吗?(vue的axios跨域请求)
你了解vue跨越请求吗?(vue的axios跨域请求)
116 0