Come utilizzare Vue 3 e aggiungere Plugin Boostrap-vue?

Question

Provo a utilizzare Vue 3, ma non riesco a utilizzare di nuovo Vue.use (exampleplugin).

Utilizzo il comando vue aggiungi bootstrap-vue dopo aver generato vue create project. E sul plug-in avviso bootstrap-vue con codice:

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

Terminale di avviso di uscita:

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

"export 'default' (importato come 'Vue') non è stato trovato in 'vue'

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

"export 'default' (importato come 'Vue') non è stato trovato in 'vue'

Cosa c'è che non va? E come si usa vue 3 per aggiungere il plugin bootstrap-vue?

Answer 1

Bootstrap Vue non è ancora pronto per Vue 3.

Per rispondere a parte della tua domanda, Vue 3 cambia il metodo per creare l'istanza dell'applicazione, inclusa la modalità di registrazione dei plugin.

Per esempio...

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

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

Puoi leggere di più su questo nei documenti ufficiali.

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

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

Answer 2

Al momento di questa risposta, Bootstrap-Vue non supporta Vue 3 ma BootstrapVue v4 avrà il supporto Vue.js v3 e Bootstrap v5 in base a questo problema su GitHub, quindi l'unica opzione ora è aggiungere Bootstrap manualmente al tuo progetto. Ecco un articolo per i possibili modi per aggiungere bootstrap a Vue 3