這篇文章主要講解了“vue與bootstrap使用有沒(méi)有沖突”，文中的講解內(nèi)容簡(jiǎn)單清晰，易于學(xué)習(xí)與理解，下面請(qǐng)大家跟著小編的思路慢慢深入，一起來(lái)研究和學(xué)習(xí)“vue與bootstrap使用有沒(méi)有沖突”吧！

成都創(chuàng)新互聯(lián)從2013年開(kāi)始，是專(zhuān)業(yè)互聯(lián)網(wǎng)技術(shù)服務(wù)公司，擁有項(xiàng)目成都網(wǎng)站制作、成都網(wǎng)站設(shè)計(jì)網(wǎng)站策劃，項(xiàng)目實(shí)施與項(xiàng)目整合能力。我們以讓每一個(gè)夢(mèng)想脫穎而出為使命，1280元黔江做網(wǎng)站,已為上家服務(wù),為黔江各地企業(yè)和個(gè)人服務(wù),聯(lián)系電話:028-86922220

vue與bootstrap使用沒(méi)有沖突；vue寫(xiě)模板可以用bootstrap來(lái)提高開(kāi)發(fā)效率，如果需要結(jié)合使用的話，可以利用BootstrapVue框架，是bootstrap專(zhuān)門(mén)為vue出的一款框架。

本教程操作環(huán)境：Windows10系統(tǒng)、bootstrap3.3.7版、DELL G3電腦

vue與bootstrap使用有沖突嗎

vue寫(xiě)模板可以用bootstrap來(lái)提高開(kāi)發(fā)效率

如果要結(jié)合使用的話建議用BV框架  bootstrap專(zhuān)門(mén)為vue出的一款框架

BootstrapVue 是基于 Bootstrap v4 + Vue.js 的前端 UI 框架。BootstrapVue 作為學(xué)習(xí) Vue.js 框架本身的入門(mén)框架，我認(rèn)為是非常不錯(cuò)的。Bootstrap 框架本身是輕量級(jí)的、易于學(xué)習(xí)的，在世界范圍內(nèi)非常流行，有許多第三方插件和主題樣式。Vue.js 作為一個(gè)漸進(jìn)式框架，核心庫(kù)只關(guān)注視圖層，不僅易于上手，還便于與第三方框架或既有項(xiàng)目整合。

BootstrapVue 框架的安裝步驟

準(zhǔn)備工作，安裝 Vue CLI

Vue CLI 包名稱(chēng)從 vue-cli 改成 @vue/cli。如果安裝了老版本的 vue-cli（1.x 或 2.x），需要先移除老版本：

npm uninstall -g vue-cli

再安裝新版本：

npm install -g @vue/cli

查看 vue 版本：

vue --version

如果顯示 3.x，表明安裝正確了。

新建 Vue 項(xiàng)目

vue create bootstrapvue-demo

當(dāng)提示 Please pick a preset 時(shí)，選擇默認(rèn)的 default 并回車(chē)。

運(yùn)行 Vue 項(xiàng)目

cd bootstrapvue-demo
npm run serve

感謝各位的閱讀，以上就是“vue與bootstrap使用有沒(méi)有沖突”的內(nèi)容了，經(jīng)過(guò)本文的學(xué)習(xí)后，相信大家對(duì)vue與bootstrap使用有沒(méi)有沖突這一問(wèn)題有了更深刻的體會(huì)，具體使用情況還需要大家實(shí)踐驗(yàn)證。這里是創(chuàng)新互聯(lián)，小編將為大家推送更多相關(guān)知識(shí)點(diǎn)的文章，歡迎關(guān)注！