不能在 vue 中使用插件

Question

我想在浏览器中管理cookie，并使用这个外部插件vue-cookies。但是如果我在一些值文件中像这样调用它的方法。我在浏览器中得到一个错误:TypeError: Cannot set property '$cookies' of undefined

这是我的代码。Main.js

import App from './App.vue'
import router from './router'
import VueCookies from 'vue-cookies';
import { createApp } from 'vue'
const app = createApp(VueCookies)
app.use(VueCookies);
createApp(App).use(router).mount('#app')

应用程序。Vue(或任何其他.vue文件)

beforeMount() {
var cookie = "";
cookie = this.$cookies.get("testname");
console.log(cookie);
}

Answer 1

从v1.7.4开始，vue-cookies只适用于Vue 2。

Vue 3需要vue3-cookies代替

import Vue from 'vue'
import VueCookies from 'vue3-cookies'
createApp(App)
.use(VueCookies)
.mount('#app')