vue和bootstrap的區(qū)別。

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)、可擴(kuò)展的預(yù)制組件、基于 jQuery 的強(qiáng)大的插件系統(tǒng)，能夠快速為你的想法開發(fā)出原型或者構(gòu)建整個 app 。

優(yōu)點(diǎn)：

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

什么是 vue？

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

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

優(yōu)點(diǎn)：

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

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

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

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

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