vue中设置、获取、删除cookie的方法

Vue中设置、获取、删除Cookie的方法

在Vue中，可以使用document.cookie来设置、获取和删除Cookie。下面是详细的攻略：

设置Cookie

要设置Cookie，可以使用document.cookie属性。Cookie是一个字符串，它由键值对组成，每个键值对之间使用分号和空格进行分隔。以下是设置Cookie的方法：

// 设置Cookie
document.cookie = \"key=value; expires=Thu, 01 Jan 2024 00:00:00 UTC; path=/\";

在上面的示例中，我们设置了一个名为key的Cookie，其值为value。expires属性指定了Cookie的过期时间，path属性指定了Cookie的路径。

获取Cookie

要获取Cookie，可以使用document.cookie属性。document.cookie返回一个包含所有Cookie的字符串。以下是获取Cookie的方法：

// 获取Cookie
var cookies = document.cookie;
console.log(cookies);

在上面的示例中，我们将所有的Cookie存储在cookies变量中，并将其打印到控制台。

删除Cookie

要删除Cookie，可以设置其过期时间为一个过去的时间。以下是删除Cookie的方法：

// 删除Cookie
document.cookie = \"key=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/;\";

在上面的示例中，我们将名为key的Cookie的过期时间设置为过去的时间，从而将其删除。

示例说明

示例1：设置和获取Cookie

// 设置Cookie
document.cookie = \"username=John Doe; expires=Thu, 01 Jan 2024 00:00:00 UTC; path=/\";

// 获取Cookie
var cookies = document.cookie;
console.log(cookies);

在上面的示例中，我们设置了一个名为username的Cookie，并将其值设置为John Doe。然后，我们获取所有的Cookie，并将其打印到控制台。

示例2：删除Cookie

// 删除Cookie
document.cookie = \"username=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/;\";

在上面的示例中，我们将名为username的Cookie的过期时间设置为过去的时间，从而将其删除。

希望以上攻略对你有所帮助！