在Vue項(xiàng)目中使用cookie時(shí)，我們可能會(huì)遇到“document is not defined”錯(cuò)誤，這通常是因?yàn)槲覀冊赩ue組件中使用了js-cookie庫的set或remove方法。

import Cookies from 'js-cookie'
// 在組件中使用
Cookies.set('key', 'value')
Cookies.remove('key')

這個(gè)錯(cuò)誤的原因在于，在Vue組件中，我們沒有document對象的直接訪問權(quán)限。因此，當(dāng)我們在組件中使用js-cookie庫的set或remove方法時(shí)，會(huì)報(bào)錯(cuò)。

要解決這個(gè)問題，我們需要在Vue實(shí)例的配置中注冊Vue插件（Vue plugin）。Vue插件是一種能夠向Vue實(shí)例添加全局功能的方法，通過插件，我們可以擴(kuò)展Vue的功能。js-cookie庫提供了Vue插件，在注冊它之后，我們就可以在Vue組件中使用它的set和remove方法。

import Vue from 'vue'
import VueCookies from 'vue-cookies'
import VueJwt from 'vue-jwt'
Vue.use(VueCookies)
Vue.use(VueJwt)
// 在組件中使用
this.$cookies.set('key', 'value')
this.$cookies.remove('key')

在上面的代碼中，我們首先通過import語句引入VueCookies和VueJwt，然后通過Vue.use方法注冊它們。最后，在Vue組件中，我們可以通過this.$cookies來訪問js-cookie庫的set和remove方法。