vue和bootstrap的區(qū)別。

vue 和 bootstrap 是開發(fā)中常用的前端框架。有不少人對于這兩個框架并不是很熟悉，現(xiàn)在就讓我們一起來了解下 vue 和 bootstrap 到底是什么？兩者又有什么區(qū)別呢。

什么是 bootstrap？

bootstrap 是一個用于快速開發(fā) Web 應用程序和網(wǎng)站的前端框架。Bootstrap 是基于 HTML、CSS、JavaScript 的。

Bootstrap 目前的最新版本是 Bootstrap4，利用我們提供的 Sass 變量和大量 mixin、響應式柵格系統(tǒng)、可擴展的預制組件、基于 jQuery 的強大的插件系統(tǒng)，能夠快速為你的想法開發(fā)出原型或者構建整個 app 。

優(yōu)點：

• 移動設備優(yōu)先：自 Bootstrap 3 起，框架包含了貫穿于整個庫的移動設備優(yōu)先的樣式。
• 瀏覽器支持：所有的主流瀏覽器都支持 Bootstrap。
• 容易上手：只要您具備 HTML 和 CSS 的基礎知識，您就可以開始學習 Bootstrap。
• 響應式設計：Bootstrap 的響應式 CSS 能夠自適應于臺式機、平板電腦和手機。
• 它為開發(fā)人員創(chuàng)建接口提供了一個簡潔統(tǒng)一的解決方案。
• 它包含了功能強大的內置組件，易于定制。
• 它還提供了基于 Web 的定制。
• 開源免費。

什么是 vue？

Vue.js（讀音 /vju?/, 類似于 view） 是一套構建用戶界面的漸進式框架。與其他重量級框架不同的是，vue 采用自底向上增量開發(fā)的設計。它的核心庫只關注視圖層，并且易于學習，容易與其它庫或已有項目整合。另一方面，vue 完全有能力驅動采用單文件組件和 vue生態(tài)系統(tǒng)支持的庫開發(fā)的復雜單頁應用。

Vue.js 的目標是通過盡可能簡單的 API 實現(xiàn)響應的數(shù)據(jù)綁定和組合的視圖組件。

優(yōu)點：

• 輕量級的框架:  只關注視圖層,是一個構建數(shù)據(jù)的視圖集合,大小只有幾十 kb。
• 雙向數(shù)據(jù)綁定。
• 組件化:  實現(xiàn)了 html 的封裝和重用,在構建單頁面應用方面有著獨特的優(yōu)勢。
• 視圖,數(shù)據(jù),結構分離。
• 數(shù)據(jù)的更改更為簡單,不需要進行邏輯代碼的修改,只需要操作數(shù)據(jù)就能完成相關操作。
• 虛擬 dom：不再使用原生的 dom 操作節(jié)點,極大解放 dom 操作,但具體操作的還是 dom 不過是換了另一種方式。

vue 和 bootstrap 兩者的區(qū)別：

Bootstrap 是基于 HTML、CSS、JavaScript 開發(fā)的簡潔、直觀、強悍的前端開發(fā)框架；而 vue 是一套用于構建用戶界面的漸進式JavaScript 框架。

以上就是 vue 和 bootstrap 的兩者的區(qū)別。更多 vue 與 bootstrap 的學習請關注 W3Cschool 官網(wǎng)。

推薦課程：小白學前端、通俗易懂的 Bootstrap 教程