vue和react的區別

相似之處

• 他們都是JavaScript的UI框架，專注於創造前端的富應用
• 不同於早期的JavaScript框架“功能齊全”，Reat與Vue只有框架的骨架，其他的功能如路由、狀態管理等是框架分離的元件。
• Vue.js(2.0版本)與React的其中最大一個相似之處，就是他們都使用了一種叫’Virtual DOM’的東西
• 都鼓勵元件化
• 看到React和Vue都有’props’的概念，這是properties的簡寫。props在元件中是一個特殊的屬性，允許父元件往子元件傳送資料。
• React和Vue都有自己的構建工具，你可以使用它快速搭建開發環境
• React和Vue都有很好的Chrome擴充套件工具去幫助你找出bug。
• Vue與React最後一個相似但略有不同之處是它們配套框架的處理方法。相同之處在於，兩個框架都專注於UI層，其他的功能如路由、狀態管理等都交由同伴框架進行處理。

react

• 資料流單向
• React推廣了Virtual DOM，並創造了新的語法——JSX，JSX允許開發者在JavaScript中書寫HTML
• React一樣由如Facebook這類大公司維護
• props對於子元件來說是必須的，因為它依賴一個“單一資料來源”作為它的“狀態”
• React可以使用Create React App (CRA)
• 而React的react-router和react-redux則是由社群成員維護，它們都不是官方維護的。
• React與Vue最大的不同是模板的編寫
• 在React中你需要使用setState()方法去更新狀態
• 多數情況下，框架內建的狀態管理是不足以支撐大型應用的，Redux或Vuex等狀態管理方案是必須使用的。

vue

• 資料雙向繫結
• Vue使用模板系統而不是JSX，使其對現有應用的升級更加容易,這是因為模板用的就是普通的HTML，通過Vue來整合現有的系統是比較容易的，不需要整體重構
• Vue主要是由一位開發者進行維護的
• 而在Vue中，props略有不同。它們一樣是在元件中被定義，但Vue依賴於模板語法，你可以通過模板的迴圈函式更高效地展示傳入的資料。
• Vue對應的則是vue-cli
• Vue的核心團隊維護著vue-router和vuex
• React與Vue最大的不同是模板的編寫
• 在Vue中，state物件並不是必須的，資料由data屬性在Vue物件中進行管理。
• Vue的）解決方案適用於小型應用，但對於對於大型應用而言不太適合。