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

bootstrap和vue的差別

藏色散人
藏色散人原創
2019-07-15 11:26:5224335瀏覽

bootstrap和vue的差別

Bootstrap是美國Twitter公司的設計師Mark Otto和Jacob Thornton合作基於HTML、CSS、JavaScript 開發的簡潔、直覺、強悍的前端開發框架,使得Web 開發更加快速。

Vue (發音 /vjuː/,類似 view) 是一套用於建立使用者介面的漸進式JavaScript框架。與其它大型框架不同的是,Vue 被設計為可以自底向上逐層應用。 Vue 的核心函式庫只專注於視圖層,方便與第三方函式庫或既有專案整合。

bootstrap和vue的區別

BootStrap:

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

    缺點在於, 缺少一套有力的成體系的組件(當時調查的時候還沒有, 現在據說有了) , 我在實際使用時, 發生了作用域衝突的問題,  如果沒有整理好一整套組件, 開發很累.

相關推薦:《bootstrap教程

#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

結論:

    長遠考慮的話, 建議使用Vue. 短期內使用的話, BootStrap是個不錯的選擇.

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

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