Comment utiliser Vue 3 et ajouter le plugin Boostrap-vue?

Question

J'essaie d'utiliser Vue 3, mais je ne peux pas utiliser à nouveau Vue.use (exampleplugin).

J'utilise la commande vue add bootstrap-vue après avoir généré vue create project. Et sur l'avertissement du plugin bootstrap-vue avec le code:

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);

Borne d'avertissement de sortie:

avertissement dans ./src/plugins/bootstrap-vue.js

"export 'default' (importé en tant que 'Vue') n'a pas été trouvé dans 'vue'

avertissement dans ./node_modules/bootstrap-vue/esm/utils/vue.js

"export 'default' (importé en tant que 'Vue') n'a pas été trouvé dans 'vue'

Qu'est-ce qui ne va pas avec ça? Et comment utiliser vue 3 pour ajouter le plugin bootstrap-vue?

Answer 1

Bootstrap Vue n'est pas encore prêt pour Vue 3.

Pour répondre à une partie de votre question, Vue 3 modifie la méthode d'instanciation de l'instance d'application, y compris la manière dont les plugins sont enregistrés.

Par exemple...

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

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

Vous pouvez en savoir plus à ce sujet dans la documentation officielle.

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

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

Answer 2

Au moment de cette réponse, Bootstrap-Vue ne prend pas en charge Vue 3 mais BootstrapVue v4 aura le support Vue.js v3 et le support Bootstrap v5 selon ce problème sur GitHub donc votre seule option est maintenant d'ajouter Bootstrap manuellement à votre projet. Voici un article sur les moyens possibles d' ajouter du bootstrap à Vue 3