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

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

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

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

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

[[321132]]

背景

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

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

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

核心差異

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

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

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

下面是一個簡單的Vue登錄實現(xiàn)示例：

React的登錄實現(xiàn)示例：

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

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

流行性

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

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

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

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

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

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

社區(qū)支持

依靠Github的統(tǒng)計數(shù)據(jù)，可以得出即使沒有頂級公司的支持，Vue.js在開源社區(qū)中也很受歡迎。

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

靈活性和學習曲線

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

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

框架大小

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

用例

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

React.js應用程序開發(fā)：

• Facebook
• Twitter
• Instagram
• Whatsapp

Vue.js應用程序開發(fā)：

• Gitlab
• 9Gag
• Nintendo
• Grammarly

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

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