vue與bootstrap使用有衝突嗎

vue與bootstrap使用沒有衝突；vue寫模板可以用bootstrap來提高開發效率，如果需要結合使用的話，可以利用BootstrapVue框架，是bootstrap專門為vue出的一款框架。

本教學操作環境：Windows10系統、bootstrap3.3.7版、DELL G3電腦

vue與bootstrap使用有衝突嗎

vue寫模板可以用bootstrap來提高開發效率

如果要結合使用的話建議用BV框架  bootstrap專門為vue出的一款框架

BootstrapVue 是基於Bootstrap v4 Vue.js 的前端UI 框架。 BootstrapVue 作為學習 Vue.js 框架本身的入門框架，我認為是非常好的。 Bootstrap 框架本身是輕量級的、易於學習的，在世界範圍內非常流行，有許多第三方外掛程式和主題樣式。 Vue.js 作為一個漸進式框架，核心函式庫只專注於視圖層，不僅易於上手，也方便與第三方框架或既有專案整合。

BootstrapVue 框架的安裝步驟

準備工作，安裝 Vue CLI

Vue CLI 包名稱從 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 項目

vue create bootstrapvue-demo

當提示 Please pick a preset 時，請選擇預設的 default 並回車。

執行 Vue 專案

cd bootstrapvue-demo
npm run serve

相關推薦：bootstrap教學

#

以上是vue與bootstrap使用有衝突嗎的詳細內容。更多資訊請關注PHP中文網其他相關文章！