在操作網(wǎng)站時，存儲用戶的登錄狀態(tài)、購物車信息等數(shù)據(jù)是常見的需求，這就需要用到瀏覽器本地存儲，其中 Cookies 就是最為廣泛使用的一種存儲方式。Vue 作為一款流行的前端框架，自然也提供了相應(yīng)的方法來存儲和獲取 Cookies。以下是一些關(guān)于 Vue 如何存儲和獲取 Cookies 的常用方法：

// 存儲 Cookies 的方法
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=/";
}
// 獲取 Cookies 的方法
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;
}
// 刪除 Cookies 的方法
function eraseCookie(name) {   
document.cookie = name+'=; Max-Age=-99999999;';  
}

以上代碼都是通用的 JavaScript 代碼，但是 Vue 也提供了相應(yīng)的插件來方便操作 Cookies，例如 vue-cookie、vue-cookies 和 vue-js-cookie 等。以下是使用 vue-js-cookie 插件來操作 Cookies 的方法：

// 安裝插件
npm install vue-js-cookie
// 在 main.js 中引入
import Vue from "vue";
import VueCookie from "vue-js-cookie";
Vue.use(VueCookie);
// 使用 $cookie 方法來存儲 Cookies
export default {
methods: {
setCookie() {
this.$cookie.set("name", "value", 1);
}
}
}
// 使用 $cookie 方法來獲取 Cookies
export default {
mounted() {
console.log(this.$cookie.get("name")); // 打印出存儲的值
}
}
// 使用 $cookie 方法來刪除 Cookies
export default {
methods: {
deleteCookie() {
this.$cookie.delete("name");
}
}
}

上述代碼中，通過在 main.js 中引入插件并調(diào)用 Vue.use() 方法來注冊插件，然后通過 this.$cookie 的方式來調(diào)用插件提供的方法。這種方式相對于手寫 JavaScript 代碼來說更為簡單和便捷。

最后需要注意的是，由于 Cookies 存儲的內(nèi)容是明文，因此在存儲敏感信息時需要進(jìn)行加密處理，同時還需要注意防止 XSS 攻擊。