首頁  >  文章  >  web前端  >  bootstrap和vue的差別是什麼

bootstrap和vue的差別是什麼

青灯夜游
青灯夜游原創
2021-11-02 11:52:0728004瀏覽

區別:1、Bootstrap是基於HTML、CSS、JS的簡潔、直覺、強悍的前端開發框架;而Vue則是一套用於建立使用者介面的漸進式JavaScript框架。 2.bootstrap用於快速開發響應式頁面;而vue用於把前端開發組件化。

bootstrap和vue的差別是什麼

本教學操作環境:Windows7系統、bootsrap3.3.7&&vue2.9.6版、DELL G3電腦

#在許多人眼裡bootstrap和vue都是前端框架,其實他們還是有很多差別的,bootstrap是前端頁面框架,用來快速開發響應式頁面,而vue是前端js庫,把前端開發元件化。

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。

bootstrap與vue的區別

Bootstrap是基於HTML、CSS、JavaScript 開發的簡潔、直覺、強悍的前端開發框架;而Vue則是一套用於建立使用者介面的漸進式JavaScript框架。

推薦學習:《bootstrap使用教程

以上是bootstrap和vue的差別是什麼的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn