vue中不能使用插件

Question

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

这是我的代码。 主.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')

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')