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

问题描述

我一直在将Buefy css库与Vue 3和CLI框架一起使用。 我用npm install安装了它，并且一直没有问题。 直到我要使用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.use（Buefy）没有可使用的“ Vue” App.use也不起作用。

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

解决方法

我似乎您正在使用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')