如何使用 Vue 3 & 添加插件 Bootstrap-vue？

Question

我尝试使用 Vue 3，但我看不能再使用 Vue.use(exampleplugin)。

我在生成 vue 创建项目后使用命令 vue 添加 bootstrap-vue。并在插件 bootstrap-vue 上警告代码：

import Vue from "vue";

import BootstrapVue from "bootstrap-vue";
import "bootstrap/dist/css/bootstrap.min.css";
import "bootstrap-vue/dist/bootstrap-vue.css";

Vue.use(BootstrapVue);

输出警告终端：

warning in ./src/plugins/bootstrap-vue.js

"export 'default' (imported as 'Vue') was not found in 'vue'

warning in ./node_modules/bootstrap-vue/esm/utils/vue.js

"export 'default' (imported as 'Vue') was not found in 'vue'

这有什么问题吗？以及如何使用 vue 3 添加插件 bootstrap-vue?

Answer 1

Bootstrap Vue 尚未为 Vue 3 做好准备。

为了回答您的部分问题，Vue 3 更改了实例化应用程序实例的方法，包括插件的注册方式。

例如...

import { createApp } from 'vue';
import Router from './router/Router';

createApp({/* options */}})
  .use(Router)
  .mount('#app');

您可以在官方文档中阅读更多相关信息。

https://v3.vuejs.org/guide/instance.html

https://v3.vuejs.org/guide/migration/introduction.html

Answer 2

对于 vue 3 你可以使用 bootstrap-vue-3 安装：npm i bootstrap-vue-3 配置：

import { createApp } from "vue";
import App from "./App.vue";
import BootstrapVue3 from "bootstrap-vue-3";

import "bootstrap/dist/css/bootstrap.css";
import "bootstrap-vue-3/dist/bootstrap-vue-3.css";

const app = createApp(App);
app.use(BootstrapVue3);
app.mount("#app");

如何使用 Vue 3 & 添加插件 Bootstrap-vue？

How to use Vue 3 & Add Plugin Boostrap-vue?

javascript

vue.js

vuejs3