js中cookie介绍

在 Web 应用程序中，Cookie 是一种存储在用户计算机上的小文本文件。Web 应用程序可以使用 Cookie 在客户端计算机上存储和检索数据，以便在之后的会话中使用。

Cookie 最常用于存储用户的身份验证令牌、用户首选项、购物车和其他会话信息。Web 服务器可以读取这些 Cookie 并使用它们来了解用户的首选项、历史记录等信息。

在 JavaScript 中，可以使用 document.cookie 属性来读取、写入和删除 Cookie。例如，以下代码将创建一个名为 "username" 的 Cookie，并在其中存储字符串 "John Doe"：

document.cookie = "username=John Doe";

可以使用分号将多个 Cookie 分隔开来，如下所示：

document.cookie = "username=John Doe; expires=Thu, 18 Dec 2043 12:00:00 UTC; path=/";

其中，expires 属性指定 Cookie 的过期时间，path 属性指定 Cookie 的访问路径。

相关问题

js中怎么使用cookie

在JavaScript中，可以使用document.cookie来读取和设置cookie。具体来说，可以使用以下方法：
1.设置cookie：document.cookie = "name=value; expires=date; path=path; domain=domain; secure";
其中，name是cookie的名称，value是cookie的值，expires是cookie的过期时间，path是cookie的路径，domain是cookie的域名，secure表示cookie只能通过HTTPS协议传输。
2.读取cookie：可以使用上文提到的getCookie函数来读取cookie。
3.删除cookie：可以通过设置cookie的过期时间为过去的时间来删除cookie，例如：document.cookie = "name=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/;";
需要注意的是，cookie的大小有限制，一般为4KB左右，同时cookie也存在安全性问题，因此在使用时需要注意保护用户隐私。

vue3中使用js-cookie

在Vue 3中使用js-cookie，首先需要安装js-cookie库。可以通过npm或yarn来安装，具体命令如下：

npm安装：

npm install js-cookie

yarn安装：

yarn add js-cookie

安装完成后，在Vue 3项目的入口文件（通常是main.js）中，通过import语句将js-cookie引入并注册为全局插件。例如：

import { createApp } from 'vue'
import App from './App.vue'
import Cookies from 'js-cookie'

const app = createApp(App)
app.config.globalProperties.$cookies = Cookies
app.mount('#app')

之后，你就可以在Vue 3组件中通过`this.$cookies`来使用js-cookie库提供的功能了。例如，可以使用`this.$cookies.set(key, value)`来设置cookie，使用`this.$cookies.get(key)`来获取cookie值。