這篇文章主要為大家展示了“Bootstrap-Vue怎么樣”，內(nèi)容簡(jiǎn)而易懂，條理清晰，希望能夠幫助大家解決疑惑，下面讓小編帶領(lǐng)大家一起研究并學(xué)習(xí)一下“Bootstrap-Vue怎么樣”這篇文章吧。

創(chuàng)新互聯(lián)是一家集網(wǎng)站建設(shè),定興企業(yè)網(wǎng)站建設(shè),定興品牌網(wǎng)站建設(shè),網(wǎng)站定制,定興網(wǎng)站建設(shè)報(bào)價(jià),網(wǎng)絡(luò)營(yíng)銷,網(wǎng)絡(luò)優(yōu)化,定興網(wǎng)站推廣為一體的創(chuàng)新建站企業(yè)，幫助傳統(tǒng)企業(yè)提升企業(yè)形象加強(qiáng)企業(yè)競(jìng)爭(zhēng)力?？沙浞譂M足這一群體相比中小企業(yè)更為豐富、高端、多元的互聯(lián)網(wǎng)需求。同時(shí)我們時(shí)刻保持專業(yè)、時(shí)尚、前沿，時(shí)刻以成就客戶成長(zhǎng)自我，堅(jiān)持不斷學(xué)習(xí)、思考、沉淀、凈化自己，讓我們?yōu)楦嗟钠髽I(yè)打造出實(shí)用型網(wǎng)站。

vue-strap基于vue.js構(gòu)建的Bootstrap組件，該倉(cāng)庫(kù)包含一系列基于Bootstrap標(biāo)記和css的本地vue.js組件。所以不需要jQuery和Bootstrap的JavaScript文件，需要依賴的是:vue.js(要求版本為^0.12，基于0.12.10版本做的測(cè)試)Bootstrapcss(需要版本為3.x.x，基于3.3.5版本做的測(cè)試)。vueStrap不依賴某個(gè)非常精確的Bootstrap版本。

Bootstrap-Vue怎么樣

使用Vue.js和世界上最流行的前端CSS庫(kù)—BootstrapV4在Web上構(gòu)建響應(yīng)式，移動(dòng)優(yōu)先項(xiàng)目。

Bootstrap-Vue為Vue.js2.4+提供了BootstrapV4組件和最全面的網(wǎng)格系統(tǒng)的實(shí)現(xiàn)，它具有廣泛的自動(dòng)化WAI-ARIA輔助功能標(biāo)記。

vue引用BootStrap以及引用bootStrap-vue.js

1.先引入jquery

1.先使用指令:

npminstalljquery--save-dev

2.在webpack.base.conf.js（如果是是開發(fā)[dev]環(huán)境則在webpack.dev.conf.js；兩個(gè)文件都在bulid目錄下；請(qǐng)一定注意，我在操作的時(shí)候就是找錯(cuò)了文件，半天都沒(méi)有弄對(duì)；）中添加如下內(nèi)容：

constwebpack=require('webpack')

plugins:[

newwebpack.ProvidePlugin({

$:"jquery",

jQuery:"jquery"

}),

]

3.在main.js進(jìn)行注冊(cè)

import$from‘jquery’

到此jquery就引入結(jié)束了，接著看如何引入傳統(tǒng)的bootStrap

2.引入BootStrap

1.使用指令:

npminstallbootstrap--save-dev

2.安裝成功后，能夠在package.json文件夾中看到bootstrap這個(gè)模塊。這時(shí)候需要在main.js中添加如下內(nèi)容:

import'bootstrap/dist/css/bootstrap.min.css'

import'bootstrap/dist/js/bootstrap.min'

至此bootStrap也引入結(jié)束，接下來(lái)我們的重點(diǎn)來(lái)了，因?yàn)锽ootStrap與VUE有一個(gè)專門的設(shè)計(jì)叫做bootstrap-vue.js，所以我們引入它之后就可以直接使用它們提供的專有樣式，比原生的bootStrap要好看很多

1.使用指令:

npmivuebootstrap-vuebootstrap

2.在main.js文件中添加:

importVuefrom'vue'

importBootstrapVuefrom'bootstrap-vue'

import'bootstrap/dist/css/bootstrap.css'

import'bootstrap-vue/dist/bootstrap-vue.css'

Vue.use(BootstrapVue)

至此所有的引用均都結(jié)束了

以上是“Bootstrap-Vue怎么樣”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對(duì)大家有所幫助，如果還想學(xué)習(xí)更多知識(shí)，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！

分享題目：Bootstrap-Vue怎么樣-創(chuàng)新互聯(lián)
網(wǎng)站鏈接：http://chinadenli.net/article28/cepjcp.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站導(dǎo)航、響應(yīng)式網(wǎng)站、搜索引擎優(yōu)化、網(wǎng)站維護(hù)、手機(jī)網(wǎng)站建設(shè)、軟件開發(fā)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)