vue3 cookie 存、取、删数据

什么是Cookie？

Cookie是一种用来在客户端存储小块数据的机制，通常由服务器端生成，并以键值对的形式保存在用户的浏览器中。它主要用于会话管理、用户个性化设置以及跟踪用户行为等。

为什么使用Cookie？

使用Cookie有以下优点：

• 简单易用：只需几行代码就能完成设置和读取。
• 持久化存储：可以设置过期时间，让数据能存储指定时间。
• 无需服务器交互：客户端可以直接访问和修改Cookie，提高性能。

一.首先加载模块

npm i js-cookie -S

二.在使用cookie的页面上进行引入

import Cookies from 'js-cookie'

三.使用方法

1. 创建一个在整个网站上有效的cookie

Cookies.set('name', 'value');
------------------------------------------------------------------------
//{ expires: }7表示7天后过期,可设置也可不设置
Cookies.set('name', 'value', { expires: 7 });
//创建一个有期限的cookie，对当前页面的路径有效：
Cookies.set('name', 'value', { expires: 7, path: '' });

2. 读取cookie：

Cookies.get('name'); // => 'value'
------------------------------------------------------------------------
// 阅读所有可见的cookie：
Cookies.get(); // => { name: 'value' }

3. 删除cookie：

Cookies.remove('name');
------------------------------------------------------------------------
//删除对当前页面路径有效的cookie
Cookies.set('name', 'value', { path: '' });
Cookies.remove('name'); // fail!
Cookies.remove('name', { path: '' }); // removed!