bootstrap和vue的區別:1、bootstrap和vue不是一個層級的東西;2、bootstrap是基于HTML、CSS、JavaScript開發的前端開發框架,而vue是一套用于構建用戶界面的漸進式JavaScript框架;3、bootstrap很適合做靜態網站,而vue適合做單頁應用;4、bootstrap比vue更加容易上手,適合新手使用。
具體分析如下:
Bootstrap
Bootstrap是美國Twitter公司的設計師Mark Otto和Jacob Thornton合作基于HTML、CSS、JavaScript 開發的簡潔、直觀、強悍的前端開發框架,使得 Web 開發更加快捷。
特點:柵格系統, 使用簡單, 上手容易. 專為響應式頁面而生. 一套代碼就可以自適應平板電腦和PC。
缺點在于,缺少一套有力的成體系的組件(當時調查的時候還沒有, 現在據說有了), 我在實際使用時, 發生了作用域沖突的問題, 如果沒有整理好一整套組件, 開發很累。
Vue
Vue (讀音 /vju?/,類似于 view) 是一套用于構建用戶界面的漸進式JavaScript框架。與其它大型框架不同的是,Vue 被設計為可以自底向上逐層應用。Vue 的核心庫只關注視圖層,方便與第三方庫或既有項目整合。
特點在于, 站在了React的肩膀上, 許多方面更出色了:
1. 數據的雙向綁定. 數據改, 頁面改. 頁面改, 數據也改。
2. 頁面的呈現據說比React還快.
3. 組件化(實際上React也有組件化). 這和BootStrap這種組件化的概念還有點不同, Vue的組件化, 已經把作用域沖突的問題給搞定了.另外, js測試也變得更專業化了(有點類似junit).
4. 單html開發. 它的開發模式, 是一個html, 然后不停替換組件對應的js來切換顯示效果. html中的共通js和css只需要download一次, 理論上比Iframe頁面的呈現更快.
5. 結合node.js提供的webpack等, 可以進行成體系的打包發布.
缺點在于, 上手難度比較高, 并且大規模開發的化, 需要有體系化開發的積累. Vue的組件化開發推薦使用Element: http://element.eleme.io/#/zh-CN/component/popover