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

Question

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

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

这不起作用。我没有这个$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')