导读 在 Vue 项目中，操作 Cookie 是一项常见的需求，无论是用于保存用户登录状态还是记录个性化偏好，掌握这门技能都很重要！首先，我们需...
在 Vue 项目中，操作 Cookie 是一项常见的需求，无论是用于保存用户登录状态还是记录个性化偏好，掌握这门技能都很重要！首先，我们需要一个工具来简化操作，比如 `js-cookie`，它轻量且功能强大。安装方法很简单：`npm install js-cookie` 📦。
一旦安装完成，我们就可以开始设置了！假设我们要存储用户的 ID，代码如下：
```javascript
import Cookies from 'js-cookie';
Cookies.set('userId', '123456', { expires: 7 }); // 设置有效期为 7 天
```
设置完成后，获取也很简单：
```javascript
const userId = Cookies.get('userId');
console.log(userId); // 输出：123456
```
如果需要删除某个 Cookie，只需调用：
```javascript
Cookies.remove('userId');
```
通过这种方式，我们可以轻松管理 Cookie，让数据交互更加高效便捷！🚀 记得合理使用 Cookie，保护用户隐私哦～🍪