App下載

vue與bootstrap有什么區(qū)別?

猿友 2021-01-15 14:10:46 瀏覽數(shù) (12557)
反饋

在很多人眼里 bootstrap 和 vue 都是前端框架,其實(shí)他們還是有很多區(qū)別的,bootstrap 是前端頁(yè)面框架,用于快速開(kāi)發(fā)響應(yīng)式頁(yè)面,而 vue 是前端 js 庫(kù),把前端開(kāi)發(fā)組件化。

BootStrap:

  特點(diǎn)是柵格系統(tǒng), 使用簡(jiǎn)單, 上手容易. 專為響應(yīng)式頁(yè)面而生. 一套代碼就可以自適應(yīng)平板電腦和 PC.

  缺點(diǎn)在于, 缺少一套有力的成體系的組件(當(dāng)時(shí)調(diào)查的時(shí)候還沒(méi)有, 現(xiàn)在據(jù)說(shuō)有了), 我在實(shí)際使用時(shí), 發(fā)生了作用域沖突的問(wèn)題, 如果沒(méi)有整理好一整套組件, 開(kāi)發(fā)很累

Vue:

特點(diǎn)在于, 站在了 React 的肩膀上, 許多方面更出色了:
  1. 數(shù)據(jù)的雙向綁定. 數(shù)據(jù)改, 頁(yè)面改. 頁(yè)面改, 數(shù)據(jù)也改.
  2. 頁(yè)面的呈現(xiàn)據(jù)說(shuō)比 React 還快.
  3. 組件化(實(shí)際上 React 也有組件化). 這和 BootStrap 這種組件化的概念還有點(diǎn)不同, Vue 的組件化, 已經(jīng)把作用域沖突的問(wèn)題給搞定了.另外, js 測(cè)試也變得更專業(yè)化了(有點(diǎn)類似 junit).
  4. 單 html 開(kāi)發(fā). 它的開(kāi)發(fā)模式, 是一個(gè) html, 然后不停替換組件對(duì)應(yīng)的 js 來(lái)切換顯示效果. html 中的共通 js 和 css 只需要download 一次, 理論上比 Iframe 頁(yè)面的呈現(xiàn)更快.
  5. 結(jié)合 node.js 提供的 webpack 等, 可以進(jìn)行成體系的打包發(fā)布.

  缺點(diǎn)在于, 上手難度比較高, 并且大規(guī)模開(kāi)發(fā)的化, 需要有體系化開(kāi)發(fā)的積累.


1 人點(diǎn)贊