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