vue中使用vue-cookies

vue-cookies链接: https://github.com/cmp-cc/vue-cookies
在vue中想要操作cookie,除了使用我们自己封装好的操作cookie的方法之外,我们还可以使用vue-cookies插件,这是一个简单的Vue.js插件,专门用于在vue中处理浏览器的cookie操作。

一、模块安装
 npm install vue-cookies --save
二、main.js中引用
 import Vue from 'vue'
 import VueCookies from 'vue-cookies'
 Vue.use(VueCookies)
三、常用的方法
//设置 cookie:
this.$cookies.set(keyName, value[, expireTimes[, path[, domain[, secure[, sameSite]]]]])    //return this

//获取cookie
this.$cookies.get(keyName)       // return value 
  
//删除 cookie
this.$cookies.remove(keyName)     // return this

//查看一个cookie是否存在(通过keyName)
this.$cookies.isKey(keyName)        // return false or true 

//获取所有cookie名称
this.$cookies.keys()  // return a array

设置cookie过期时间

  1. 全局配置
//30天过期
this.$cookies.config('30d')  
// window object
window.$cookies.config('30d')
  1. 单个name配置
//不写过期时间,默认为1天过期
this.$cookies.set("token","c149dd55-8b55-ea11-9686-001dd8b9142b")

// 1天过期,忽略大小写
this.$cookies.set("token","c149dd55-8b55-ea11-9686-001dd8b9142b","1d")

// 以秒为单位,设置12个小时过期
this.$cookies.set("token","c149dd55-8b55-ea11-9686-001dd8b9142b", 60 * 60 * 12)

【 需注意的事项,设置到期时间,输入字符串类型,忽略大小写。而输入数字类型,以秒为基本单位。】

输入字符串类型

Unit full name
y year
m month
d day
h hour
min minute
s second

你可能感兴趣的:(vue学习)