vuejs和bootstrap的區(qū)別：Bootstrap是基于HTML、CSS、JavaScript開(kāi)發(fā)的前端頁(yè)面框架，用于快速開(kāi)發(fā)響應(yīng)式頁(yè)面。而Vue是一套用于構(gòu)建用戶界面的漸進(jìn)式JavaScript框架，用于把前端開(kāi)發(fā)組件化。

本教程操作環(huán)境：windows7系統(tǒng)、vue2.9.6&&Bootstrap3版，DELL G3電腦。

Bootstrap

Bootstrap是美國(guó)Twitter公司的設(shè)計(jì)師Mark Otto和Jacob Thornton合作基于HTML、CSS、JavaScript 開(kāi)發(fā)的簡(jiǎn)潔、直觀、強(qiáng)悍的前端開(kāi)發(fā)框架，使得 Web 開(kāi)發(fā)更加快捷。

特點(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

Vue (讀音 /vju?/，類似于 view) 是一套用于構(gòu)建用戶界面的漸進(jìn)式JavaScript框架。與其它大型框架不同的是，Vue 被設(shè)計(jì)為可以自底向上逐層應(yīng)用。Vue 的核心庫(kù)只關(guān)注視圖層，方便與第三方庫(kù)或既有項(xiàng)目整合。

特點(diǎn)在于, 站在了React的肩膀上, 許多方面更出色了:

• 數(shù)據(jù)的雙向綁定. 數(shù)據(jù)改, 頁(yè)面改. 頁(yè)面改, 數(shù)據(jù)也改.

• 頁(yè)面的呈現(xiàn)據(jù)說(shuō)比React還快.

• 組件化(實(shí)際上React也有組件化). 這和BootStrap這種組件化的概念還有點(diǎn)不同, Vue的組件化, 已經(jīng)把作用域沖突的問(wèn)題給搞定了.另外, js測(cè)試也變得更專業(yè)化了(有點(diǎn)類似junit).

• 單html開(kāi)發(fā). 它的開(kāi)發(fā)模式, 是一個(gè)html, 然后不停替換組件對(duì)應(yīng)的js來(lái)切換顯示效果. html中的共通js和css只需要download一次, 理論上比Iframe頁(yè)面的呈現(xiàn)更快.

• 結(jié)合node.js提供的webpack等, 可以進(jìn)行成體系的打包發(fā)布.

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

bootstrap與vue的區(qū)別

Bootstrap是基于HTML、CSS、JavaScript 開(kāi)發(fā)的簡(jiǎn)潔、直觀、強(qiáng)悍的前端開(kāi)發(fā)框架；而Vue是一套用于構(gòu)建用戶界面的漸進(jìn)式JavaScript框架。

bootstrap是前端頁(yè)面框架，用于快速開(kāi)發(fā)響應(yīng)式頁(yè)面，而vue是前端js庫(kù)，把前端開(kāi)發(fā)組件化。