翻譯：瘋狂的技術宅
作者：Jigar Shah
來源：kodytechnolab.com
正文共：2969 字
預計閱讀時間：10 分鐘
如果有人問你将在 2020 年選擇哪種架構進行開發，你的答案将是什麼？很明顯，你主要有兩個選擇：React.Js 和 Vue.Js！但是，如果你需要選擇一個怎麼辦？好吧，兩個最受歡迎的架構 React Js 和 Vue.Js 之間的戰鬥是真實的。确實很難表明哪個能推翻另一個。但是，我們試圖在此處區分這兩個架構。請閱讀本文…
不用說，Javascript赢得了數百萬的贊譽，大型巨頭正在使用此技術搶占份額。但是，最流行的是兩個最受歡迎的 Javascript 架構，React.Js 和 Vue.Js。開發人員正在擁抱這種使用基于魔術的架構。
這兩種架構都以易學和高性能而廣為人知。
但是，為了與競争對手保持同步，你需要從這兩個架構中選擇一個。在經過專家的全面分析之後，我們在本文中讨論了兩個架構 Vue.Js vs React.Js 之間的關鍵差別。看看哪個最适合你的開發。
大量的軟體開發公司正在使用這些有影響力的架構，即 React.Js 和 Vue.Js。先讓我們對這兩個架構有更深入的了解。
React.Js:
React 是 Facebook 開發的開源 Javascript 庫。React 使開發人員能夠建立可重用且有吸引力的 UI 元件。
非常适用于移動端開發，web 和原生應用，因為它允許開發人員經常修改資料。這意味着在用戶端上工作時可以在伺服器端進行渲染。
由于該架構具有基于元件的結構，是以可以分解以建構可重用的使用者界面，進而避免使用模闆或 HTML。
主要特點：
React 是功能強大的平台。該架構普及的主要因素是：
反應靈敏且靈活：
與其他架構相比，React.Js 具有最大的靈活性，并且響應速度很快。
很簡單：
我們都知道 React 使用基于元件的方法，并且具有明确的開發生命周期。得益于被稱為 Javascript XML 的獨特文法，該架構允許你能夠同時使用 Javascript 和 HTML。
它使用虛拟DOM：
由于 React 依賴于文檔對象子產品，是以它建立 UI 的副本并将其存儲在記憶體中來與真實 DOM 同步。
這是 Javascript 庫中的寶庫：
React 屬于 Javascript 家族，是以它在社群中擁有大量的支援者。
它支援代碼可重用性：
來自經驗豐富的 Web 開發公司的開發人員在開發項目時可以自由地重用代碼元件。代碼的可重用性能夠確定減少在項目開發上花費的時間。
它具有單向資料流：
React.Js 有 downloading 資料流。這一特定功能能夠使較大的資料塊不受影響，進而具有無縫的高效輸出。
它具有高可擴充性并且在不斷發展：
由于它擁有大量的開發人員家族，是以該架構會通過不斷更新來確定其能夠減少 bug。而且該架構有開發各種行業的大規模應用的潛力。
是 SEO 友好的：
為了使客戶留下來，必須對其進行搜尋引擎優化。該架構本身是 SEO 友好的，是以可以捕獲、吸引和保留客戶。
使用 React.Js 的公司名單很長，其中包括 Facebook、Instagram、Netflix、Dropbox、Airbnb、Microsoft、Whatsapp 以及其他很多公司，包括 Codecademy、《紐約時報》和 Yahoo。
現在讓我們了解 Vue.Js：
盡管 Vue.Js 是在 2014 年 React 以後推出的，但它是一個更有前途且被廣泛使用的Javascript架構Vue。Vue.Js 還是一個開放源代碼架構，具有建構單頁應用程式的很大潛力。
Vue.Js 是一個漸進式架構，能夠提供類似于 React Native 的 native-like 建構。能夠建構引人注目的 UI ，Vue.Js 已成為每個開發人員的首選開發工具。
重新渲染功能是該架構在短時間内獲得巨大歡迎的主要原因之一。其代碼可重用，應用功能強大，并且架構足夠靈活，可以在需要時添加元件。
促使使用者快速轉向 Vue.Js 的其他幾個主要标志是：
它具有易于學習的曲線：
開發人員非常熟悉使用基于 HTML 的模闆，而 Vue.Js 對此很擅長。是以用 Vue.Js 修改已經開發的應用非常容易。
架構很小：
你會驚訝地發現 Vue.Js 架構非常輕巧，大約 30 KB。在 React.Js 與 Vue.Js 之間進行比較時，後者要小一些。由于這一優勢，Vue.Js 開發公司的 Vue.Js 程式員可以将模闆與虛拟 DOM 編譯器區分開。
它支援平滑內建：
由于 Vue.Js 具有基于邏輯群組件的結構，是以開發單頁應用程式或在現有應用上添加功能很容易。此外它不會幹擾整個系統的結構。
它支援雙向通訊：
Vue.Js 架構的雙向通信可以加快 HTML 塊的處理速度。不僅如此，該架構還将其支援擴充到使用不同元件的單向工作流。
它的開發時間非常短：
如果你希望自定義建構網站，則可以使用 Vue.Js。由于具有廣泛的模闆庫和簡單的架構結構，即使對于大型應用也可以進行無縫編碼。
使用 Vue.Js 的公司名單已經與 React.Js 一樣長。Facebook、Grammarly、Behance、阿裡巴巴Codeship、Gitlab、Laracasts、Adobe、Netflix 和小米均在清單當中。
是以問題是，主要差別在哪裡？
讓我們更深入地了解 React.Js 與 Vue.Js 之間的差異
重新渲染和優化：
如上所述，Vue.Js 在性能上優于 React.Js。原因是，如果嘗試用 React 更改元件狀态，則會更改整個元件層次結構。這意味着子元件将在每次添加新功能或屬性時重新排列。相反，Vue.Js 是一個優化的平台，它允許系統保留元件更改和其他依賴項的記錄，進而相應地重新渲染。
模闆和樣式：
這兩個架構都很适合開發，因為 Vue.js 和 React.Js 都用于設計UI。但是兩者在設計 UI 的方式上都存在巨大差異。
如上所述，由于它們都來自 Javascript 家族，是以用到了大量的 Javascript 功能。React.Js 高度依賴于函數，邏輯和标記被視為一體。React 的文法類似于 HTML，但是差別比較大。React 社群非常龐大，是以有責任為所有問題（例如 JSS、CSS 的缺陷等）提供快速有效的解決方案。
但是，React 開發人員需要有流暢的開發、調試和代碼可讀性方面的經驗。
Vue.Js 更像是一個老式的架構。标記和邏輯是分開的，标記中的每個 HTML 輸入需要都在 Vue 模闆中考慮。樣式也一樣，你可以編寫純 CSS 或任何預處理器，然後繼續進行。開發人員可以使用“scoped”屬性在元件級别上進行樣式封裝。
Vue.Js 生态對于開發人員來說似乎更自然，但與 React 相比，靈活性不足。
路由和狀态管了解決方案：
由于這兩個架構都是基于元件的架構，是以重點主要在于系統中的資料流和管理。原因是這些架構中的資料擴充直接從應用層開始，并且應用中的每個元件都互相互動。React.Js 使用 Flux/Redux 架構，該架構具有單向資料流，是 MVC 架構的很好替代方案。但是 Vue.Js 使用稱為 Vuex 的進階架構。該架構很好地內建到 Vue 中，進而提供了經典的開發體驗。
可擴充性：
将第三方庫內建到 Vue 和 React 應用中非常容易。但是在運作 Vue.Js 與 React.Js 進行比較時，發現 React 的第三方庫是或多或少的增強現有的元件。但是對于 Vue，這些第三方庫采用插件的形式，可以直接用 Vue.use 方法将其添加到系統中。
建構工具：
這兩個架構的生态都有利于應用的輕松無縫開發。這兩個架構都使用 Bootstrap 工具，這些工具可為編碼人員提供最大的舒适度和靈活性。
接下來的問題是，誰是明顯的赢家？
好吧，你要決定自己要選擇的最佳架構。根據項目要求，你可以選擇提供最大靈活性的一個。
什麼時候選擇 Vue.Js？
Vue.Js 有助于建立更簡單、更快速的 Web 應用程式。如果你的項目需要輕量級的現代 UI 庫和單頁應用，請使用 Vue.Js。它為非常了解 HTML 編碼的開發人員建立了神奇的應用程式。還有完善且全面的文檔，有助于編碼。
什麼時候選擇 React.Js？
如果你的項目不需要建構移動端應用，而僅需要建構大型應用，那麼 React 無疑是你的首選。它輕巧、靈活并且能夠輕松的遷移。
最後的話：
到底選擇哪個顯然要取決于個人的項目要求。這兩個架構都是建構高度互動的使用者界面的好工具。React 為使用者提供了更多控制權，而 Vue.Js 提供了更好的内置功能。這兩個平台都是開發卓越的跨平台應用的好工具。
原文連結
https://kodytechnolab.com/reactjs-vs-vuejs-comparison