bootstrap-vue指的是什么

小編給大家分享一下bootstrap-vue指的是什么，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！

Bootstrap-Vue是一個ui組件庫，遵循vue的組件化開發方式，使用Bootstrap樣式控制組件外觀，摒棄了對jquery的依賴。讓我們在使用Vue.js的同時依然能夠繼續享有bootstrap樣式的便利。

本文嘗試對各個組件進行試用，為了盡量減少其他因素干擾，仍然使用訪問cdn的方式。如果你喜歡使用模塊化打包工具，如webpack。

1、Alerts（警告框）: 主要的使用場景為，針對用戶的行為給出反饋。

注意：

應該總是使用show屬性控制組件的可見性。

給組件添加屬性dismissible可以顯示一個關閉按鈕，它應該總是與dismissed事件一起使用，在dismissed事件中重置vm中控制alert顯示屬性的數據狀態

可以通過variant屬性（primary,secondary,success,danger,warining,info）產生不同語義下的alert

dismiss-count-down屬性接受一個函數 ，可以幫助我們實現定時自動關閉的alert

2、badge(徽章)：允許我們為某些內容添加補充信息。

注意：

徽章會依據直接父元素的字號調節本身的字號大小，它使用em單位。

通過variant屬性可以定義徽章的語義樣式。（default, primary, success, warning, info,danger）

添加pill屬性可以定義膠囊式的徽章（增強的圓角）

通過href屬性可以為徽章添加行為（跳轉）

如果需要圓形的徽章，參照css實現的圓形徽章

3、Breadcrumb(面包屑)：展示當前頁的導航路徑，告訴我們當前所在位置

注意：

路徑的分隔符是通過指定偽元素::before的content屬性，由css自動添加。

items即路徑上的各導航項，通過一個對象數組指定。可以給一個對象指定active屬性，使其處于激活狀態

如果沒有明確指定哪一項為激活狀態，則認會為最后一項為默認激活狀態。

為導航項指定href或to屬性可以添加導航行為。

4、Button：基本的控件元素，用于觸發行為。

注意：

通過variant屬性可以定義按鈕的語義樣式。（default, primary, success, warning, info,danger）

通過size屬性定義按鈕的大小（sm,lg）,不指定會有默認的樣式。

依然可以使用type屬性（submit，reset，button）。

通過disabled添加禁用狀態。

添加href或者to屬性會生成button樣式的a標簽。

添加pressed屬性控制按鈕是否處于已點擊的狀態。使用sync修飾符可以將按鈕的狀態與vm中的數據進行同步。

以上是“bootstrap-vue指的是什么”這篇文章的所有內容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內容對大家有所幫助，如果還想學習更多知識，歡迎關注億速云行業資訊頻道！