js-cookie 库如何使用
时间: 2023-12-30 17:16:42 浏览: 143
使用 js-cookie 库可以方便地读取、设置和删除 cookie。以下是 js-cookie 库的使用方法:
1. 引入 js-cookie 库
```html
<script src="https://cdn.jsdelivr.net/npm/js-cookie@3.0.1/dist/js.cookie.min.js"></script>
```
2. 设置 cookie
```javascript
Cookies.set('name', 'value');
```
3. 读取 cookie
```javascript
var name = Cookies.get('name');
```
4. 删除 cookie
```javascript
Cookies.remove('name');
```
以上是 js-cookie 库的基本用法,你可以根据自己的需求使用更多的 API。此外,js-cookie 还支持设置过期时间、路径、域名等参数,详细的使用方法可以参考官方文档:https://github.com/js-cookie/js-cookie
相关问题
Vue3中如何使用js-cookie库来操作cookie?
在Vue3中使用js-cookie库来操作cookie,需要先安装js-cookie库和@types/js-cookie库。可以使用以下命令进行安装:
```
npm install js-cookie @types/js-cookie --save
```
安装完成后,在需要使用cookie的组件中引入js-cookie库:
```
import Cookies from 'js-cookie';
```
然后就可以使用js-cookie提供的方法来操作cookie了,例如设置cookie:
```
Cookies.set('name', 'value');
```
获取cookie:
```
Cookies.get('name');
```
删除cookie:
```
Cookies.remove('name');
```
需要注意的是,如果使用TypeScript开发,还需要在tsconfig.json文件中添加以下配置:
```
"types": ["@types/js-cookie"]
```
这样就可以在Vue3中使用js-cookie库来操作cookie了。
js-cookie的使用
js-cookie 是一个方便的 JavaScript 库,用于操作 cookie。以下是 js-cookie 的使用方法:
1. 引入 js-cookie 库
可以通过 CDN 引入 js-cookie 库,也可以下载 js-cookie 库并在项目中引入。
2. 设置 cookie
使用 `Cookies.set(key, value, options)` 方法来设置 cookie,其中 `key` 是 cookie 名称,`value` 是 cookie 值,`options` 是可选参数,用于设置 cookie 的属性,如过期时间、路径等。
例如,设置一个名为 `username`,值为 `John` 的 cookie:
```
Cookies.set('username', 'John');
```
设置一个过期时间为 7 天的 cookie:
```
Cookies.set('username', 'John', { expires: 7 });
```
3. 获取 cookie
使用 `Cookies.get(key)` 方法来获取 cookie 的值。
例如,获取名为 `username` 的 cookie 的值:
```
var username = Cookies.get('username');
```
4. 删除 cookie
使用 `Cookies.remove(key, options)` 方法来删除 cookie。
例如,删除名为 `username` 的 cookie:
```
Cookies.remove('username');
```
以上就是 js-cookie 的基本使用方法。更多使用方法详见官方文档:https://github.com/js-cookie/js-cookie
阅读全文