Vue 3の使用方法とプラグインブーストラップの追加-vue？

Question

Vue 3を使用してみましたが、Vue.use（exampleplugin）を再度使用できないようです。

vue create projectを生成した後、コマンドvue addbootstrap-vueを使用します。そしてプラグインのブートストラップで-コードによる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);

出力警告端子：

./src/plugins/bootstrap-vue.jsの警告

「export'default」（「Vue」としてインポート）が「vue」に見つかりませんでした

./node_modules/bootstrap-vue/esm/utils/vue.jsの警告

「export'default」（「Vue」としてインポート）が「vue」に見つかりませんでした

それの何がいけないの？また、vue 3を使用してプラグインbootstrap-vueを追加するにはどうすればよいですか？

Answer 1

BootstrapVueはまだVue3の準備ができていません。

質問の一部に答えるために、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

この回答の時点では、Bootstrap-VueはVue 3をサポートしていませんが、BootstrapVuev4はGitHubのこの問題に応じてVue.jsv3サポートとBootstrapv5サポートを備えているため、現在の唯一のオプションはBootstrapをプロジェクトに手動で追加することです。これは、Vue3にブートストラップを追加するための可能な方法に関する記事です。