vue 和 bootstrap 是開發(fā)中常用的前端框架。有不少人對于這兩個框架并不是很熟悉，現在就讓我們一起來了解下 vue 和 bootstrap 到底是什么？兩者又有什么區(qū)別呢。
什么是 bootstrap？
bootstrap 是一個用于快速開發(fā) Web 應用程序和網站的前端框架。Bootstrap 是基于 HTML、CSS、JavaScript 的。
Bootstrap 目前的最新版本是 Bootstrap4，利用我們提供的 Sass 變量和大量 mixin、響應式柵格系統、可擴展的預制組件、基于 jQuery 的強大的插件系統，能夠快速為你的想法開發(fā)出原型或者構建整個 app 。
優(yōu)點：
- 移動設備優(yōu)先：自 Bootstrap 3 起，框架包含了貫穿于整個庫的移動設備優(yōu)先的樣式。
- 瀏覽器支持：所有的主流瀏覽器都支持 Bootstrap。
- 容易上手：只要您具備 HTML 和 CSS 的基礎知識，您就可以開始學習 Bootstrap。
- 響應式設計：Bootstrap 的響應式 CSS 能夠自適應于臺式機、平板電腦和手機。
- 它為開發(fā)人員創(chuàng)建接口提供了一個簡潔統一的解決方案。
- 它包含了功能強大的內置組件，易于定制。
- 它還提供了基于 Web 的定制。
- 開源免費。
什么是 vue？
Vue.js（讀音 /vju?/, 類似于 view） 是一套構建用戶界面的漸進式框架。與其他重量級框架不同的是，vue 采用自底向上增量開發(fā)的設計。它的核心庫只關注視圖層，并且易于學習，容易與其它庫或已有項目整合。另一方面，vue 完全有能力驅動采用單文件組件和 vue生態(tài)系統支持的庫開發(fā)的復雜單頁應用。
Vue.js 的目標是通過盡可能簡單的 API 實現響應的數據綁定和組合的視圖組件。
優(yōu)點：
- 輕量級的框架: 只關注視圖層,是一個構建數據的視圖集合,大小只有幾十 kb。
- 雙向數據綁定。
- 組件化: 實現了 html 的封裝和重用,在構建單頁面應用方面有著獨特的優(yōu)勢。
- 視圖,數據,結構分離。
- 數據的更改更為簡單,不需要進行邏輯代碼的修改,只需要操作數據就能完成相關操作。
- 虛擬 dom：不再使用原生的 dom 操作節(jié)點,極大解放 dom 操作,但具體操作的還是 dom 不過是換了另一種方式。
vue 和 bootstrap 兩者的區(qū)別：
Bootstrap 是基于 HTML、CSS、JavaScript 開發(fā)的簡潔、直觀、強悍的前端開發(fā)框架；而 vue 是一套用于構建用戶界面的漸進式JavaScript 框架。
以上就是 vue 和 bootstrap 的兩者的區(qū)別。更多 vue 與 bootstrap 的學習請關注 W3Cschool 官網。
推薦課程：小白學前端、通俗易懂的 Bootstrap 教程
