首頁  >  文章  >  web前端  >  vue.js和bootstrap之間有什麼差別?

vue.js和bootstrap之間有什麼差別?

青灯夜游
青灯夜游原創
2020-11-11 14:23:272703瀏覽

區別:Bootstrap是基於HTML、CSS、JavaScript開發的簡潔、直覺、強悍的前端開發框架;而vue.js是一套用於建立使用者介面的漸進式JavaScript框架,Vue的核心函式庫只關注視圖層。

vue.js和bootstrap之間有什麼差別?

vue.js

#Vue (讀音/vjuː/,類似view) 是一套用於建立用戶介面的漸進式JavaScript框架。與其它大型框架不同的是,Vue 被設計為可以自底向上逐層應用。 Vue 的核心函式庫只專注於視圖層,方便與第三方函式庫或既有專案整合。 【相關推薦:vue.js影片教學

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

1. 資料的雙向綁定. 資料改, 頁面改. 頁面改, 資料也改.

2. 頁面的呈現據說比React還快.

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

4. 單html開發. 它的開發模式, 是一個html, 然後不停替換元件對應的js來切換顯示效果. html中的共通js和css只需要download一次, 理論上比Iframe頁面的呈現更快.

5. 結合node.js提供的webpack等, 可以進行成體系的打包發布.

缺點在於, 上手難度比較高, 並且大規模開發的化,需要有體系化開發的累積.

Bootstrap

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

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

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

vue.js和bootstrap的區別

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

相關推薦:

2020年前端vue面試題大匯總(附答案)

vue教程推薦:2020最新的5個vue.js影片教學精選

更多程式相關知識,請造訪:程式設計入門! !

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

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