vue cookie的基本使用及简易封装
时间: 2023-08-31 21:06:33 浏览: 48
Vue中使用cookie可以通过js-cookie插件进行简单的操作。以下是基本使用方法:
1. 安装js-cookie插件
```js
npm install js-cookie --save
```
2. 引入js-cookie插件
```js
import Cookies from 'js-cookie'
```
3. 设置cookie
```js
// 设置一个名为token,值为value的cookie,有效时间为7天
Cookies.set('token', value, { expires: 7 })
```
4. 获取cookie
```js
// 获取名为token的cookie值
Cookies.get('token')
```
5. 删除cookie
```js
// 删除名为token的cookie
Cookies.remove('token')
```
以下是简易封装方法:
```js
import Cookies from 'js-cookie'
export function setCookie(name, value, expiredays) {
Cookies.set(name, value, { expires: expiredays })
}
export function getCookie(name) {
return Cookies.get(name)
}
export function removeCookie(name) {
Cookies.remove(name)
}
```
使用示例:
```js
// 设置一个名为token,值为abc123的cookie,有效时间为7天
setCookie('token', 'abc123', 7)
// 获取名为token的cookie值
const token = getCookie('token')
// 删除名为token的cookie
removeCookie('token')
```