bootstrap和vue哪個好？

NoraXie 2022-06-22 19:44 回答10 收藏1

收藏問題

10條回答

newtrek

回答于2022-06-22 19:44

首先這兩個不是同一個緯度的，vue是一個漸進式js框架，它封裝的是一系列開發的規范和語法糖，而bootstrap則是一套ui框架，主要關注的是展示層。

樓主既然問出這樣的問題，應該是行業外的或者剛入門的新手，那么要講清楚這兩者的關系，不妨打個比方來形容，如果把前端開發比喻成蓋房子，那么vue就像一套蓋房規范，告訴你房子需要有地基，梁柱，樓梯等并且告訴你怎么安裝，因此你可以通過vue在其規范下蓋出各種符合你需求的房子，而bootstrap則像是一套裝修風格，墻壁什么顏色的油漆，茶幾，地板什么樣式的等，所以這兩者互不影響，只要你喜歡，你也可以同時使用vue和bootstrap，希望能幫到你。

評論0 贊同0

加載中...

piglei

回答于2022-06-22 19:44

Bootstrap

Bootstrap 是最受歡迎的 HTML、CSS 和 JS 框架，用于開發響應式布局、移動設備優先的 WEB 項目。

特點

是柵格系統, 使用簡單, 上手容易. 專為響應式頁面而生. 一套代碼就可以自適應平板電腦和PC.

提高開發效率
規范名稱定義，便于維護
規范項目開發流程
css代碼更清晰、簡單。html代碼更合理
bootstap最近發布了bootstrap4，擁有了box-flex布局等更新，緊跟最新的web技術的發展
比較成熟，在大量的項目中充分的使用和測試
擁有完善的文檔，使用起來更方便
有大量的組件樣式，接受定制
可以實現響應式布局，開發響應式布局網站很便捷
統一的編碼風格
詳細的說明文檔，可快速開發
移動設備優先
性能成熟，在大量項目中使用測試過

缺點

在于, 缺少一套有力的成體系的組件(當時調查的時候還沒有, 現在據說有了), 我在實際使用時, 發生了作用域沖突的問題, 如果沒有整理好一整套組件, 開發很累。

有兼容性問題，ie6以下不支持
不支持sass
使用定制會產生大量冗余代碼
點擊導航頁面直接切換相應位置時，效果像一個錨點，沒有滾動動畫

Vue

Vue 是一套用于構建用戶界面的漸進式JavaScript框架。與其它大型框架不同的是，Vue 被設計為可以自底向上逐層應用。Vue 的核心庫只關注視圖層，方便與第三方庫或既有項目整合。

特點

把頁面當組件加載，加載更快
共用API和資源，不再重復加載
數據的雙向綁定. 數據改, 頁面改. 頁面改, 數據也改.
頁面的呈現據說比React還快.
組件化(實際上React也有組件化). 這和BootStrap這種組件化的概念還有點不同, Vue的組件化, 已經把作用域沖突的問題給搞定了.另外, js測試也變得更專業化了(有點類似junit).
單html開發. 它的開發模式, 是一個html, 然后不停替換組件對應的js來切換顯示效果. html中的共通js和css只需要download一次, 理論上比Iframe頁面的呈現更快.
結合node.js提供的webpack等, 可以進行成體系的打包發布.

缺點

上手難度比較高, 并且大規模開發的話, 需要有體系化開發的積累. Vue的組件化開發推薦使用Element。

頁面是異步加載，不利于搜索引擎抓取

首次加載稍慢

bootstrap與vue的區別

Bootstrap是基于HTML、CSS、JavaScript 開發的簡潔、直觀、強悍的前端開發框架；而Vue是一套用于構建用戶界面的漸進式JavaScript框架，輕量級框架、簡單易學、雙向數據綁定、組件化、數據和結構的分離、虛擬DOM、運行速度快，VUE目前最流行的前端框架。

評論0 贊同0