bootstrap和vue的區(qū)別是什么

這篇文章給大家分享的是有關(guān)bootstrap和vue的區(qū)別是什么的內(nèi)容。小編覺得挺實用的，因此分享給大家做個參考。一起跟隨小編過來看看吧。

Bootstrap是美國Twitter公司的設(shè)計師Mark Otto和Jacob Thornton合作基于HTML、CSS、JavaScript 開發(fā)的簡潔、直觀、強悍的前端開發(fā)框架，使得 Web 開發(fā)更加快捷。

Vue (讀音 /vju?/，類似于 view) 是一套用于構(gòu)建用戶界面的漸進(jìn)式JavaScript框架。與其它大型框架不同的是，Vue 被設(shè)計為可以自底向上逐層應(yīng)用。Vue 的核心庫只關(guān)注視圖層，方便與第三方庫或既有項目整合。

bootstrap和vue的區(qū)別

BootStrap:

特點是柵格系統(tǒng), 使用簡單, 上手容易.  專為響應(yīng)式頁面而生. 一套代碼就可以自適應(yīng)平板電腦和PC.

缺點在于, 缺少一套有力的成體系的組件(當(dāng)時調(diào)查的時候還沒有, 現(xiàn)在據(jù)說有了), 我在實際使用時, 發(fā)生了作用域沖突的問題,  如果沒有整理好一整套組件, 開發(fā)很累.

Vue:

特點在于, 站在了React的肩膀上, 許多方面更出色了:

1. 數(shù)據(jù)的雙向綁定. 數(shù)據(jù)改, 頁面改. 頁面改, 數(shù)據(jù)也改.

2. 頁面的呈現(xiàn)據(jù)說比React還快.

3. 組件化(實際上React也有組件化). 這和BootStrap這種組件化的概念還有點不同, Vue的組件化, 已經(jīng)把作用域沖突的問題給搞定了.另外, js測試也變得更專業(yè)化了(有點類似junit).

4. 單html開發(fā). 它的開發(fā)模式, 是一個html, 然后不停替換組件對應(yīng)的js來切換顯示效果. html中的共通js和css只需要download一次, 理論上比Iframe頁面的呈現(xiàn)更快.

5. 結(jié)合node.js提供的webpack等, 可以進(jìn)行成體系的打包發(fā)布.

缺點在于, 上手難度比較高, 并且大規(guī)模開發(fā)的化, 需要有體系化開發(fā)的積累. Vue的組件化開發(fā)推薦使用Element: http://element.eleme.io/#/zh-CN/component/popover

結(jié)論:

長遠(yuǎn)考慮的話, 建議使用Vue. 短期內(nèi)使用的話, BootStrap是個不錯的選擇.

感謝各位的閱讀！關(guān)于bootstrap和vue的區(qū)別是什么就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，讓大家可以學(xué)到更多知識。如果覺得文章不錯，可以把它分享出去讓更多的人看到吧！