在現代的網站開發中，使用 cookie 作為記憶用戶信息的一種方式是非常廣泛的。在 Vue 應用程序中讀取 cookie 也是很容易的任務，下面將介紹如何在 Vue 應用程序中讀取 cookie。

第一步是導入包含已經編寫好的 cookie 操作函數的文件。這個文件可以是 npm 包，也可以是自己編寫的 JavaScript 文件。這個文件的代碼如下：

function setCookie(name, value, days) {
var expires = "";
if (days) {
var date = new Date();
date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000));
expires = "; expires=" + date.toUTCString();
}
document.cookie = name + "=" + (value || "") + expires + "; path=/";
}
function getCookie(name) {
var nameEQ = name + "=";
var ca = document.cookie.split(";");
for (var i = 0; i< ca.length; i++) {
var c = ca[i];
while (c.charAt(0) == " ") c = c.substring(1, c.length);
if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length, c.length);
}
return null;
}
function eraseCookie(name) {
document.cookie = name + "=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/;";
}

在上述代碼中，setCookie() 函數用于設置 cookie，getCookie() 函數用于讀取 cookie，eraseCookie() 函數用于刪除 cookie。這些函數并不是 Vue 的特定函數，可以在其他 JavaScript 應用程序中使用。

在 Vue 應用程序的組件或頁面中，導入上述文件，然后調用 getCookie() 函數即可讀取 cookie。例如，我們可以在 Vue 組件中創建一個計算屬性來讀取名為 "username" 的 cookie，代碼如下：

import { getCookie } from "@/utils/cookie.js";
export default {
computed: {
username() {
return getCookie("username");
}
}
}

在組件的模板中，可以直接使用 username 計算屬性來顯示 cookie 中的值。例如：

需要注意的是，cookie 只能在 HTTP 請求和響應中傳遞，因此它只能在應用程序的后端處理和設置。在前端，可以讀取和刪除 cookie，但不能直接設置 cookie。如果您的應用程序需要設置 cookie，請通過 HTTP 響應頭從后端設置。

此外，讀取 cookie 時要注意安全性問題。請確保僅讀取您自己設置的 cookie，并在讀取 cookie 時不要泄露用戶敏感信息。

以上就是在 Vue 中讀取 cookie 的詳細介紹。雖然 cookie 的使用存在一些問題和風險，但在某些場景下它仍然是一種方便的用戶信息記憶方式。