vue中不能使用插件答案

【问题标题】：Can't use plugins in vuevue中不能使用插件
【发布时间】：2021-03-11 06:33:09
【问题描述】：

我想在浏览器中管理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);
}

【问题讨论】：

标签： javascript vue.js

【解决方案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')

【讨论】：