使用cookie是常見的網(wǎng)站開發(fā)技術(shù)之一，通過存儲鍵值對的方式實現(xiàn)了數(shù)據(jù)的持久化，便于網(wǎng)站之間共享數(shù)據(jù)，在Vue中，我們可以使用插件vue-cookies來方便地讀取、設(shè)置和刪除cookie中的值。

import Vue from 'vue'
import VueCookies from 'vue-cookies'
Vue.use(VueCookies)

首先需要安裝vue-cookies插件，并將其注冊到Vue實例中。這個插件提供了多個實用的函數(shù)，例如在有效期內(nèi)設(shè)置cookie值、獲取cookie值，以及刪除cookie。

// 設(shè)置cookie
this.$cookies.set('key', 'value', 7) // 最后一個參數(shù)表示有效期為7天
// 獲取cookie
let value = this.$cookies.get('key')
// 刪除cookie
this.$cookies.remove('key')

以上代碼展示了設(shè)置、獲取和刪除cookie的具體使用，其中第三個參數(shù)表示cookie的有效期，若不填則為session級別（即會話結(jié)束后cookie就失效），填寫數(shù)字則為以天為單位的過期時間。

值得注意的是，直接操作cookie有一些安全隱患，因此建議給cookie設(shè)置一個secretKey以增強(qiáng)安全性，這個key值可以存放在.env文件中，在Vue組件中通過process.env訪問。

// 在.env文件中添加配置項
VUE_APP_SECRET_KEY = 'xxx'
// 在Vue組件中使用
console.log(process.env.VUE_APP_SECRET_KEY)

以上代碼通過.env文件設(shè)置了一個名為secretKey的配置項，可以在Vue組件中使用process.env訪問。在設(shè)置和獲取cookie時，我們可以利用secretKey進(jìn)行加密和解密，使cookie的值更為安全。

// 設(shè)置cookie時添加secretKey
let value = 'xxx'
this.$cookies.set('key', this.$cookies.encrypt(value), 7, process.env.VUE_APP_SECRET_KEY)
// 獲取cookie時使用secretKey解密
let value = this.$cookies.get('key', process.env.VUE_APP_SECRET_KEY)
value = this.$cookies.decrypt(value)

以上代碼展示了如何使用secretKey進(jìn)行加密和解密。在設(shè)置cookie時，我們使用encrypt函數(shù)將值進(jìn)行加密；在獲取cookie時，我們先使用get函數(shù)獲取cookie值，然后使用decrypt函數(shù)進(jìn)行解密。這樣就可以避免cookie被惡意攻擊者篡改。

最后需要提醒的是，使用cookie時需要注意保護(hù)用戶隱私，尤其是敏感信息，如密碼、銀行卡號等，建議不要存儲在cookie中，避免引起安全問題。