vuejs是一套用于構(gòu)建用戶界面的漸進(jìn)式JavaScript框架；Vue的核心庫(kù)只關(guān)注視圖層，方便與第三方庫(kù)或既有項(xiàng)目整合。react是Facebook推出的一個(gè)聲明式，高效且靈活的用于構(gòu)建用戶界面的JavaScript開(kāi)發(fā)框架。

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

vue是什么？

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

Vue.js是一套構(gòu)建用戶界面的漸進(jìn)式框架。與其他重量級(jí)框架不同的是，Vue 采用自底向上增量開(kāi)發(fā)的設(shè)計(jì)。Vue 的核心庫(kù)只關(guān)注視圖層，并且非常容易學(xué)習(xí)，非常容易與其它庫(kù)或已有項(xiàng)目整合。另一方面，Vue 完全有能力驅(qū)動(dòng)采用單文件組件和Vue生態(tài)系統(tǒng)支持的庫(kù)開(kāi)發(fā)的復(fù)雜單頁(yè)應(yīng)用。

Vue.js 的目標(biāo)是通過(guò)盡可能簡(jiǎn)單的 API 實(shí)現(xiàn)響應(yīng)的數(shù)據(jù)綁定和組合的視圖組件。

Vue的優(yōu)勢(shì)是：

• 模板和渲染函數(shù)的彈性選擇

• 簡(jiǎn)單的語(yǔ)法和項(xiàng)目配置

• 更快的渲染速度和更小的體積

• 更加適合小型項(xiàng)目

react是什么？

react.js是 Facebook 推出的一個(gè)用來(lái)構(gòu)建用戶界面的 JavaScript 開(kāi)發(fā)框架。

React 是一個(gè)聲明式，高效且靈活的用于構(gòu)建用戶界面的 JavaScript 庫(kù)。使用 React 可以將一些簡(jiǎn)短、獨(dú)立的代碼片段組合成復(fù)雜的 UI 界面，這些代碼片段被稱作“組件”。

由于 React的設(shè)計(jì)思想極其獨(dú)特，屬于革命性創(chuàng)新，性能出眾，代碼邏輯卻非常簡(jiǎn)單。所以，越來(lái)越多的人開(kāi)始關(guān)注和使用，認(rèn)為它可能是將來(lái) Web 開(kāi)發(fā)的主流工具。

React 是一個(gè)為數(shù)據(jù)提供渲染為 HTML 視圖的開(kāi)源 JavaScript 庫(kù)。React 視圖通常采用包含以自定義 HTML 標(biāo)記規(guī)定的其他組件的組件渲染。React 為程序員提供了一種子組件不能直接影響外層組件的模型，數(shù)據(jù)改變時(shí)對(duì) HTML 文檔的有效更新，和現(xiàn)代單頁(yè)應(yīng)用中組件之間干凈的分離。

React 使創(chuàng)建交互式 UI 變得輕而易舉。為你應(yīng)用的每一個(gè)狀態(tài)設(shè)計(jì)簡(jiǎn)潔的視圖，當(dāng)數(shù)據(jù)改變時(shí) React 能有效地更新并正確地渲染組件。組件邏輯使用 JavaScript 編寫(xiě)而非模版，因此你可以輕松地在應(yīng)用中傳遞數(shù)據(jù)，并使得狀態(tài)與 DOM 分離。

React的優(yōu)勢(shì)是：

• 更適合大型應(yīng)用和更好的可測(cè)試性

• Web端和移動(dòng)端原生APP通吃

• 更大的生態(tài)系統(tǒng)，