在很多人眼里 bootstrap 和 vue 都是前端框架,其實(shí)他們還是有很多區(qū)別的,bootstrap 是前端頁面框架,用于快速開發(fā)響應(yīng)式頁面,而 vue 是前端 js 庫,把前端開發(fā)組件化。
BootStrap
Bootstrap,來自 Twitter,是目前最受歡迎的前端框架。Bootstrap 是基于 HTML、CSS、JavaScript 的,它在 jQuery 的基礎(chǔ)上進(jìn)行了更為個性化和人性化的完善,形成一套自己獨(dú)有的網(wǎng)站風(fēng)格,并兼容大部分 jQuery 插件。
Bootstrap 簡潔靈活,使得 Web 開發(fā)更加快捷。其最大的優(yōu)勢是響應(yīng)式布局,使得開發(fā)者可以方便的讓網(wǎng)頁無論在臺式機(jī)、平板設(shè)備、手機(jī)上都獲得最佳的體驗(yàn)。
特點(diǎn)是柵格系統(tǒng), 使用簡單, 上手容易. 專為響應(yīng)式頁面而生. 一套代碼就可以自適應(yīng)平板電腦和 PC.
缺點(diǎn)在于, 缺少一套有力的成體系的組件(當(dāng)時調(diào)查的時候還沒有, 現(xiàn)在據(jù)說有了), 我在實(shí)際使用時, 發(fā)生了作用域沖突的問題, 如果沒有整理好一整套組件, 開發(fā)很累
Vue
Vue.js 是用于構(gòu)建交互式的 Web 界面的庫。它提供了 MVVM 數(shù)據(jù)綁定和一個可組合的組件系統(tǒng),具有簡單、靈活的 API
特點(diǎn)在于, 站在了 React 的肩膀上, 許多方面更出色了:
- 1. 數(shù)據(jù)的雙向綁定. 數(shù)據(jù)改, 頁面改. 頁面改, 數(shù)據(jù)也改.
- 2. 頁面的呈現(xiàn)據(jù)說比 React 還快.
- 3. 組件化(實(shí)際上 React 也有組件化). 這和 BootStrap 這種組件化的概念還有點(diǎn)不同, Vue 的組件化, 已經(jīng)把作用域沖突的問題給搞定了.另外, js 測試也變得更專業(yè)化了(有點(diǎn)類似 junit).
- 4. 單 html 開發(fā). 它的開發(fā)模式, 是一個 html, 然后不停替換組件對應(yīng)的js來切換顯示效果. html 中的共通 js 和 css 只需要download 一次, 理論上比 Iframe 頁面的呈現(xiàn)更快.
- 5. 結(jié)合 node.js 提供的 webpack 等, 可以進(jìn)行成體系的打包發(fā)布.
缺點(diǎn)在于, 上手難度比較高, 并且大規(guī)模開發(fā)的化, 需要有體系化開發(fā)的積累.
以上就是 vue bootstrap 區(qū)別的詳細(xì)內(nèi)容。
推薦相關(guān)好課:Vue2.x微課、bootstrap3微課