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