本文轉載自公眾號“讀芯術”(ID：AI_Discovery)

前端框架一年比一年更受歡迎。

如今，人們很難想象沒有任何JavaScript框架參與的前端開發。

最近以來，谷歌發布的Angular和Facebook的React.js兩巨頭激烈對抗。盡管如此，2018年前端世界發生了重大變化，有一個更強大的玩家也加入了競爭——Vue.js.

下面，我們就來看看Vue.js，預估一下它取代前端巨頭React的機會。

[[321132]]

背景

在深入研究之前，將對兩個框架的一些基本信息進行概述。

React由科技巨頭Facebook開發和維護，以滿足其需求。長期以來React一直是前端領域的主要參與者，提供長期穩定的支持。

Vue.js是由谷歌前員工尤雨溪創建的，他的目標是開發一個可以將現有框架中的最佳特性集成在一起的框架。

核心差異

為了保持不偏不倚，React和Vue.js之間的區別建議在Vue.js文檔中查看，后者這很好的解決了這個問題。Vue.js文檔是由尤雨溪和React小組的丹·阿布拉莫夫合作完成的。

Vue和React都使用虛擬DOM，盡管它們都有不同的實現方法。

Vue.js和Recovery之間的主要區別是Vue.js使用帶有聲明性呈現的模板，而React使用JSX，這是一個相當大的JS擴展，允許在其中使用HTML。這意味著相比于Vue.js或Angular，React需要更復雜的執行過程來完成更簡單的任務，到頭來還需要更多的時間來開發復雜的組件。

下面是一個簡單的Vue登錄實現示例：

React的登錄實現示例：

同時，Vue.js更高級，并且具有較低的入口點，因為它不需要深入理解js核心來執行。

React和Vue.js都適用于中小型項目。

流行性

React一直是JavaScript框架中受歡迎的領頭羊。根據節點包管理器(npm)的報告，React憑借48718個依賴項數量高居榜首，而Vue.js是第二流行的JavaScript框架，21575個依賴項數量是React的一半。盡管看2018年底的統計數據會發現Vue的依賴項增長了2倍，而React的依賴項增加了一倍。

下載的數量也顯示了React越來越受歡迎，而Vue幾乎沒有改變。

根據當前特定平臺工作的開發人員提出的問題的數量，堆棧溢出給出以下數據：

盡管可以看到關于Vue.js的問題數量在增加，但毫無疑問的是，React仍然在領獎臺的首位。

根據第四版的JavaScript“新星”預測，每年在Github上增加的星星數量，2019年Vue排名第一。

這個統計數字相當令人困惑，因為它不符合上述任何數字。也許Vue社區只是癡迷于GitHub的閃光點。

社區支持

依靠Github的統計數據，可以得出即使沒有頂級公司的支持，Vue.js在開源社區中也很受歡迎。

Facebook的工程師們一直在致力于React的維護和編碼，改進和投資，這使得React成為開發者世界中發展最快的工具。

靈活性和學習曲線

React最大的優勢之一是靈活性。因為React不是一個成熟的框架，而是一個庫，所以它也很容易學習。開發人員可以根據自身偏好添加任何庫，而不是按照固定的模式工作。MobX和Redux也在開發人員使用React支持狀態管理任務時被廣泛使用。

Vue.js也很靈活，對如何構建應用程序沒有任何限制。它還為各種構建系統提供了官方支持，此外，學習過程不會花費太多時間:熟悉諸如HTML和ES5JavaScript這些基礎知識是開始學習的唯一要求。

框架大小

框架的大小是直接影響項目生產率的一個重要標準，框架越小，對項目越有利。如果將框架的大小四舍五入，React約為100 Kb，而Vue.js約為80 Kb。它們都具有相對較小的尺寸，這使得其便于小型應用程序的開發。

用例

當為一個項目選擇一項技術時，知道這項技術應用在哪也是至關重要的。

React.js應用程序開發：

• Facebook
• Twitter
• Instagram
• Whatsapp

Vue.js應用程序開發：

• Gitlab
• 9Gag
• Nintendo
• Grammarly

總而言之，最近React比Vue更受歡迎。React有強大而有影響力的導師對其進行改進和維護，而Vue沒有。

但Vue.js和React.js提供了高度的靈活性、簡單的學習曲線，并且兩者的尺寸都很小，選擇誰還看你的習慣。