Webアプリケーションを構築するための一般的なユーティリティを提供するライブラリです。このチュートリアルでは、BootstrapVueを使用してVueプロジェクトにBoostrapを追加する方法を紹介します。前提条件この記事をフォローしたい場合は、次のものが必要になります。Vueのコンポーネントと小道具に精通していること。Bootstrapコンポーネントとユーティリティの使用にある程度精通していると有益な場合がありますが、必須ではありません。v4.6.0、およびbootstrap-vuev2.21.2で検証されました。/cliの使用をお勧めします。注:この記事では、npxを使用して、@vue/cliのグローバルインストールを回避する方法を採用します。--default新しく作成されたプロジェクトディレクトリに移動します。vue-bootstrap-examplebootstrapおよびbootstrap-vueは、次のコマンドを使用してnpmからインストールできます。bootstrap-vue@2.21.2次に、コードエディタでmain.jsファイルを開きます。h(App),}).$mount('#app')このコードにより、ブートストラップスタイルとアイコンをVueアプリケーション全体で使用できるようになります。ステップ2—Vueコンポーネントの使用ブートストラップカード、タブ、およびボタンを利用するコンポーネントの例を次に示します。'BootstrapExample'}</script>このコードは、タイトル、サブタイトル、および3つのタブを持つカードを生成します。タブには、「タブ1」、「タブ2」、「タブ3」というラベルが付けられます。3番目のタブはdisabledになります。タブを操作すると、それぞれの内容が表示されます。2番目のタブには、「ボタン」というタイトルのボタンも含まれます。結論このチュートリアルでは、BootstrapVueを使用してVueプロジェクトにBoostrapを追加する方法を紹介しました。使用可能なコンポーネントと機能の詳細については、ドキュメントを参照してください。Vue.jsの詳細については、Vue.jsトピックページで演習とプログラミングプロジェクトを確認してください。Joseモバイルバージョンに。