首先

前端發展迅速，每天都讓我們反覆進入“學不動”的漩渦中。

但作為一個開發者，尤其是前端開發，我不希望各位把中心放在誰好誰壞上，更多的應該知道目前三大框架的不同，在專案實戰中有針對性的選擇。

同時，有精力還是都接觸下，畢竟都是最優秀的框架。

官方對比

Vue 官網給出了詳細的異同對比，相信這是最權威的比較（來自：尤大 作者的視角）

相同點：

使用了虛擬 DOM

提供響應式程式設計概念，元件化思想

漸進式程式設計，重點放在核心庫，其他交給社群或者第三方庫完成

不同之處：

1. diff 方式。

react 需要透過 PureComponent 或者實現 方法來最佳化元件渲染。

而 vue 不需要額外的設定，完全交給框架來完成。

2. JSX 和 Template

首先 Vue 也提供了渲染函式（render）。React 主推 JSX（就是那個讓大部分程式設計師，剛上手不習慣的渲染函式語法糖），會有種錯覺：HTML（React 元素） 和 Javascript 邏輯居然寫在了一起。

Vue 透過 vue-loader ，幫助我們把 template、script、css 分離開，或者最後組合在一起。完全可以像以前的 web 開發一樣，入門門檻降低。

3. 腳手架

React 提供了 create-react-app 工具，雖然是不錯的腳手架，但不涉及 webpack 等的配置的修改能力；

相反，Vue 依靠 vue.config.js 讓我們更定製化的修改腳手架配置。

4. 其他

React 學習成本更高，Vue 更符合我們的開發模式（習慣）

最後

意思就是自己使用下來，並結合 Vue 官網說明的總結。兩個框架都不錯，vue 更是借鑑了 angular 和 react 的產物。隨著版本的升級，他們三者越來越趨於同化，相信未來我們前端會走的越來越好。

Vue和React各有特點吧，Vue主張開箱即用，也就是使用特別方便，很多公司都願意使用Vue因為他上手簡單，難度低。

而React的可定製度會比較高，很多理念都領先於行業，很多大公司都在用React，相對Vue來講會稍難一些。

如果想進大廠，那麼React肯定是必學的，如果對大廠沒有要求，那麼就學習Vue就好了

可以搜尋黑馬程式設計師 查詢免費影片教程學習

各自優點

React

React速度很快：它並不直接對DOM進行操作，引入了一個叫做虛擬DOM的概念，安插在javascript邏輯和實際的DOM之間，效能好。最大限度減少DOM互動。

跨瀏覽器相容：虛擬DOM幫助我們解決了跨瀏覽器問題，它為我們提供了標準化的API，甚至在IE8中都是沒問題的。

一切都是component：程式碼更加模組化，重用程式碼更容易，可維護性高。這樣當某個或某些元件出現問題是，可以方便地進行隔離。每個元件都可以進行獨立的開發和測試，並且它們可以引入其它元件。這等同於提高了程式碼的可維護性。

單向資料流：Flux是一個用於在JavaScript應用中建立單向資料層的架構，它隨著React檢視庫的開發而被Facebook概念化。減少了重複程式碼，這也是它為什麼比傳統資料繫結更簡單。

同構、純粹的javascript：因為搜尋引擎的爬蟲程式依賴的是服務端響應而不是JavaScript的執行，預渲染你的應用有助於搜尋引擎最佳化。

相容性好：比如使用RequireJS來載入和打包，而Browserify和Webpack適用於構建大型應用。它們使得那些艱難的任務不再讓人望而生畏。

vue

效能高效

雙向資料繫結

學習難度低，上手簡單。

React 的缺陷

React 只是一個檢視庫，而不是一個完整的框架。

對於 Web 開發初學者來說，有一個學習曲線。

將 React 整合到傳統的 MVC 框架中需要一些額外的配置。

程式碼複雜性隨著內聯模板和 JSX 的增加而增加。

如果有太多的小元件可能增加專案的龐大和複雜。

主要有以下三大區別

1.Vue 透過 getter/setter 以及一些函式的劫持，能精確知道資料變化，不需要特別的最佳化就能達到很好的效能。React 預設是透過比較引用的方式進行的，如果不最佳化，可能導致大量不必要的VDOM的重新渲染。

2.Vue 使用的是可變資料，而React更強調資料的不可變。

3.Vue更加簡單，而React構建大型應用的時候更加魯棒。