vue3 使用cookie
时间: 2023-07-14 08:05:24 浏览: 218
在Vue中如何使用Cookie操作实例
在 Vue 3 中使用 cookie 可以通过以下步骤实现:
1. 安装 cookie 库:可以使用 `npm` 或者 `yarn` 来安装 cookie 库,比如 `js-cookie`。
```
npm install js-cookie
```
2. 导入 cookie 库:在你的 Vue 3 项目中的需要使用 cookie 的组件中,导入 cookie 库。
```javascript
import Cookies from 'js-cookie';
```
3. 设置 cookie:
```javascript
Cookies.set('cookieName', 'cookieValue', { expires: numberOfDays });
```
上面的代码将设置名为 "cookieName" 的 cookie 值为 "cookieValue",并且设置有效期为 `numberOfDays` 天。
4. 获取 cookie:
```javascript
const cookieValue = Cookies.get('cookieName');
console.log(cookieValue);
```
上面的代码将获取名为 "cookieName" 的 cookie 的值,并将其打印到控制台上。
5. 删除 cookie:
```javascript
Cookies.remove('cookieName');
```
上面的代码将删除名为 "cookieName" 的 cookie。
这样就可以在 Vue 3 中使用 cookie 了。请注意,在使用 cookie 时要遵循相关的隐私政策和法规。
阅读全文