Vue.js 3.x 初始支援
BootstrapVue 適用於 @vue-compat
!
@vue/compat 支援是設計為早期的 Vue.js 3 移轉,最後將由 bootstrap-vue 3.0 取代
重要的限制
@vue-compat
的支援目前限制在 { MODE: 2 }
設定,同時適用於編譯器與 Vue.js 本身。您可以在移轉指南的 相容性設定 區段中找到更多詳細資訊。
這表示您可以手動設定您的每個元件為 { compatConfig: { MODE: 3 }}
,以準備好切換到 Vue.js 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 的問題