Vue.js 3.x の初期サポート

BootstrapVue が @vue-compat 対応！

v2.23.0 のリリースにより、BootstrapVue を Vue.js 3 の マイグレーションビルド で使用できるようになりました

重要な制限

@vue-compat サポートは現在、コンパイラと Vue.js 自体の両方で { MODE: 2 } 設定に限定されています。詳細については、マイグレーションガイドの 互換性設定 セクションを参照できます。

つまり、Vue.js 3 に切り替える準備として、各コンポーネントを手動で { compatConfig: { MODE: 3 }} で設定できます。ただし、すべての BootstrapVue 機能が機能するためには、グローバル設定をレガシーモードのままにしておく必要があります

<template>...</template>
<script>
export default {
  data() { /* ... */ },

  // This will disable all Vue.js 2 legacy features for your component
  compatConfig: { MODE: 3 }

 // ... rest of your component configuration ... 
}
</script>

開始

  • アップグレードワークフロー に従ってアプリケーションを設定します
  • bootstrap-vue を v2.23.0 以降にアップグレードします
  • Bootstrap v4 を使用していることを確認します

@vue/compat に関する問題の参照または報告には、この サンドボックス を使用できます