如何将 Buefy 全局对象添加到 Vue 3 CLI

Question

我一直在使用带有 Vue 3 和 CLI 框架的 Buefy css 库。 我用 npm install 安装了它，并且一直在使用它没有问题。 直到我想使用 dialog.alert 功能。 Buefy 上显示的示例说要使用，

 this.$Buefy.dialog.alert("My Alert Msg");

这不起作用。我没有 this.$Buefy、$Buefy 或 Buefy 作为定义的对象。

所以我尝试将 Buefy 定义为一个全局对象。 显示的 Buefy 示例说要编写以下内容：

import Vue from 'vue'
import Buefy from 'buefy'
import 'buefy/dist/buefy.css'
Vue.use(Buefy)

上面的例子没有说明在哪里写这个，所以我试着把它写在我的 main.js 文件中。 但是该文件中的代码似乎无法与建议的代码一起使用。 main.js 中的代码是：

import { createApp } from 'vue'
import App from './App.vue'
import router from './router'
import './assets/scss/app.scss'

createApp(App).use(router).mount('#app')

没有 'Vue' 可用于 Vue.use(Buefy) App.use 也不起作用。

我不知道如何实现一个全局 Buefy 对象，该对象将允许我使用诸如警报对话框之类的实现功能。

Answer 1

我好像你在使用 vue 3 createApp 方法，有了它，你可以这样做

 import { createApp } from 'vue'
 import App from './App.vue'
 import router from './router'
 import './assets/scss/app.scss'
 import Buefy from 'buefy'
 import 'buefy/dist/buefy.css'

 const app=createApp(App);
 app.use(router);
 app.use(Buefy);
 app.mount('#app')