bootstrap-vue指的是什么-創(chuàng)新互聯(lián)
小編給大家分享一下bootstrap-vue指的是什么，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！
Bootstrap-Vue是一個(gè)ui組件庫(kù)，遵循vue的組件化開(kāi)發(fā)方式，使用Bootstrap樣式控制組件外觀，摒棄了對(duì)jquery的依賴。讓我們?cè)谑褂肰ue.js的同時(shí)依然能夠繼續(xù)享有bootstrap樣式的便利。
本文嘗試對(duì)各個(gè)組件進(jìn)行試用，為了盡量減少其他因素干擾，仍然使用訪問(wèn)cdn的方式。如果你喜歡使用模塊化打包工具，如webpack。
1、Alerts（警告框）: 主要的使用場(chǎng)景為，針對(duì)用戶的行為給出反饋。
注意：
應(yīng)該總是使用show屬性控制組件的可見(jiàn)性。
給組件添加屬性dismissible可以顯示一個(gè)關(guān)閉按鈕，它應(yīng)該總是與dismissed事件一起使用，在dismissed事件中重置vm中控制alert顯示屬性的數(shù)據(jù)狀態(tài)
可以通過(guò)variant屬性（primary,secondary,success,danger,warining,info）產(chǎn)生不同語(yǔ)義下的alert
dismiss-count-down屬性接受一個(gè)函數(shù) ，可以幫助我們實(shí)現(xiàn)定時(shí)自動(dòng)關(guān)閉的alert
2、badge(徽章)：允許我們?yōu)槟承﹥?nèi)容添加補(bǔ)充信息。
注意：
徽章會(huì)依據(jù)直接父元素的字號(hào)調(diào)節(jié)本身的字號(hào)大小，它使用em單位。
通過(guò)variant屬性可以定義徽章的語(yǔ)義樣式。（default, primary, success, warning, info,danger）
添加pill屬性可以定義膠囊式的徽章（增強(qiáng)的圓角）
通過(guò)href屬性可以為徽章添加行為（跳轉(zhuǎn)）
如果需要圓形的徽章，參照css實(shí)現(xiàn)的圓形徽章
3、Breadcrumb(面包屑)：展示當(dāng)前頁(yè)的導(dǎo)航路徑，告訴我們當(dāng)前所在位置
注意：
路徑的分隔符是通過(guò)指定偽元素::before的content屬性，由css自動(dòng)添加。
items即路徑上的各導(dǎo)航項(xiàng)，通過(guò)一個(gè)對(duì)象數(shù)組指定。可以給一個(gè)對(duì)象指定active屬性，使其處于激活狀態(tài)
如果沒(méi)有明確指定哪一項(xiàng)為激活狀態(tài)，則認(rèn)會(huì)為最后一項(xiàng)為默認(rèn)激活狀態(tài)。
為導(dǎo)航項(xiàng)指定href或to屬性可以添加導(dǎo)航行為。
4、Button：基本的控件元素，用于觸發(fā)行為。
注意：
通過(guò)variant屬性可以定義按鈕的語(yǔ)義樣式。（default, primary, success, warning, info,danger）
通過(guò)size屬性定義按鈕的大?。╯m,lg）,不指定會(huì)有默認(rèn)的樣式。
依然可以使用type屬性（submit，reset，button）。
通過(guò)disabled添加禁用狀態(tài)。
添加href或者to屬性會(huì)生成button樣式的a標(biāo)簽。
添加pressed屬性控制按鈕是否處于已點(diǎn)擊的狀態(tài)。使用sync修飾符可以將按鈕的狀態(tài)與vm中的數(shù)據(jù)進(jìn)行同步。
以上是“bootstrap-vue指的是什么”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對(duì)大家有所幫助，如果還想學(xué)習(xí)更多知識(shí)，歡迎關(guān)注創(chuàng)新互聯(lián)網(wǎng)站制作公司行業(yè)資訊頻道！
當(dāng)前題目：bootstrap-vue指的是什么-創(chuàng)新互聯(lián)
標(biāo)題URL：http://m.jiaotiyi.com/article/dicdci.html