vue和react是什麼框架？-前端問答-PHP中文網

vue是一套用於建立使用者介面的漸進式JavaScript框架，Vue的核心庫只專注於視圖層，並且非常容易學習，非常容易與其它庫或已有專案整合。 react是用來建構使用者介面的JavaScript開發框架，主要用於建構UI。

vue和react是什麼框架？

本文操作環境：windows10系統、vue2.9&&react 16、thinkpad t480電腦。

vue是什麼框架？

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

Vue.js是一套建構使用者介面的漸進式框架。與其他重量級框架不同的是，Vue 採用自底向上增量開發的設計。 Vue 的核心庫只專注於視圖層，而且非常容易學習，非常容易與其它庫或已有專案整合。另一方面，Vue 完全有能力驅動採用單文件元件和Vue生態系統支援的庫開發的複雜單頁應用。

Vue.js 的目標是透過盡可能簡單的 API 實現回應的資料綁定和組合的視圖元件。

vue的相容性

Vue.js 不支援 IE8 及其下列版本，因為 Vue.js 使用了 IE8 無法模擬的 ECMAScript 5 特性。 Vue.js 支援所有與 ECMAScript 5 相容的瀏覽器。

react是什麼框架？

react.js框架，是 Facebook 推出的一個用來建立使用者介面的 JavaScript 開發框架。

React 是一個聲明式，高效且靈活的用於建立使用者介面的 JavaScript 程式庫。使用 React 可以將一些簡短、獨立的程式碼片段組合成複雜的 UI 介面，這些程式碼片段被稱為「元件」。

由於 React的設計想法極為獨特，屬於革命性創新，但性能出眾，程式碼邏輯卻非常簡單。所以，越來越多人開始關注和使用，認為它可能是未來的 Web 開發的主流工具。

React 是一個為資料提供渲染為 HTML 視圖的開源 JavaScript 函式庫。 React 視圖通常採用包含以自訂 HTML 標記規定的其他元件的元件渲染。 React 為程式設計師提供了一個子元件不能直接影響外層元件的模型，資料改變時對 HTML 文件的有效更新，和現代單頁應用程式中元件之間乾淨的分離。

React 讓建立互動式 UI 變得輕而易舉。為你應用的每一個狀態設計簡潔的視圖，當資料改變時 React 能有效地更新並正確地渲染元件。元件邏輯使用 JavaScript 編寫而非模版，因此你可以輕鬆地在應用程式中傳遞數據，並使得狀態與 DOM 分離。

React與Vue對比

相似點：

vue和react都是JavaScript的UI框架，專注於創造前端的富應用。有別於早期的JavaScript框架“功能齊全”，Reat與Vue只有框架的骨架，其他的功能如路由、狀態管理等是框架分離的元件。

兩者都是用來建立UI的JavaScript函式庫；
都快速輕巧；
都有基於元件的架構；
都是用虛擬DOM；
都可放入單一HTML檔案中，或成為更複雜webpack設定中的模組；
都有獨立但常用的路由器與狀態管理函式庫；

## 區別：

在React 應用程式中，當某個元件的狀態改變時，它會以該元件為根，重新渲染整個元件子樹。如要避免不必要的子元件的重渲染，你需要手動實現；在Vue 應用中，元件的依賴是在渲染過程中自動追蹤的，所以系統能精確知曉哪個元件確實需要被重渲染，開發者不需要考慮元件是否需要重新渲染之類的最佳化。
在React中，一切都是JavaScript，所有的元件的渲染功能都依賴 JSX。 JSX 是使用 XML 語法編寫 JavaScript 的一種語法糖。你可以使用完整的程式語言 JavaScript 功能來建立你的視圖頁面；在Vue中有自帶的渲染函數，Vue也支援JSX，Vue官方推薦使用模板渲染視圖。元件分為邏輯類別元件和表現類別元件。
元件作用域內的CSS。 CSS 作用域在 React 中是透過 CSS-in-JS 的方案實現的；在Vue中是透過在style標籤上加上scoped標記來實現的。
Vue 的路由庫和狀態管理庫都是由官方維護支援且與核心庫同步更新的。 React 則是選擇把這些問題交給社區維護，因此創造了一個更分散的生態系統。