前端框架的受歡迎程度每年都在增長， 如今，在較大型或者中型的項(xiàng)目，基本都需要使用框架來進(jìn)行開發(fā)。前幾年，由谷歌發(fā)布的Angular和Facebook的React就開啟前端框架地位競爭。但是，在2018年，前端世界發(fā)生了重大變化，因?yàn)檫€有一個(gè)更強(qiáng)大的選手Vue參加了比賽。

[[317996]]

接下我們來看看 Vue 和 React 目前的趨勢，看看 Vue 今天是否能保持領(lǐng)先的地位。

背景

在開始深入研究之前，我們先來概述一些有關(guān)這兩個(gè)框架的一些背景信息。

React由技術(shù)巨頭Facebook開發(fā)和維護(hù)以滿足其需求，長期以來一直是前端領(lǐng)域的主要參與者，以確保穩(wěn)定性和長期支持。

Vue.js是由前谷歌員工Evan You創(chuàng)建的，他的目標(biāo)是開發(fā)一個(gè)框架，集成現(xiàn)有框架的優(yōu)質(zhì)特性。

核心差異

為了保持客觀公正，我們可以從研究Vue.js文檔中的React和Vue.js之間的差異，它是由Evan You與來自React團(tuán)隊(duì)的Dan Abramov合作編寫的。

Vue 和 React 都使用虛擬DOM，不過它們實(shí)現(xiàn)方式不一樣。

Vue 和 React 之間的主要區(qū)別是 Vue 使用聲明式渲染的模板，而 React 使用JSX，這是一個(gè)允許在其中使用 HTML 的JS擴(kuò)展。 這意味著 React 需要更復(fù)雜的實(shí)現(xiàn)，即使是簡單的任務(wù)(與Vue 甚至 Angula r相比)，最終也需要更多的時(shí)間來開發(fā)復(fù)雜的組件。

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

在 React 中是這樣的：

對(duì)比可知，Vue 更高級(jí)，入口點(diǎn)更低，因?yàn)?Vue 不需要深入了解JS 核心即可執(zhí)上手。

React 和 Vue 都適用于中小型項(xiàng)目。

人氣

在 JS 框架中，React 一直是前端框架流行的領(lǐng)先者。它以48,718個(gè)依賴項(xiàng)的數(shù)量排名第一，而Vue是第二受歡迎的 JS 框架，有21,575個(gè)依賴者，只有前者的一半。不過，如果我們看看 2018 年底的統(tǒng)計(jì)數(shù)據(jù)，就會(huì)發(fā)現(xiàn) Vue 的依賴者增加了兩倍，而 React 則增加了一倍。

下載量也顯示出React越來越受歡迎，而 Vue 下載幾乎保持不變。

Stack Overflow 根據(jù)當(dāng)前在特定平臺(tái)上工作的開發(fā)人員提出的問題數(shù)量，提供以下數(shù)據(jù)：

雖然我們可以看到關(guān)于 Vue 的問題越來越多，但是 React 毫無疑問仍然高居榜首。

根據(jù)第四版JavaScript Rising Stars的估算(評(píng)估每年Github上增加的星星數(shù)量)，Vue 在 2019 年排名第一。

這個(gè)統(tǒng)計(jì)數(shù)字很令人困惑，因?yàn)樗c前面提到的任何數(shù)字都不相符，也許Vue社區(qū)更看重的GitHub的星星數(shù)。

當(dāng)然還有一個(gè)原因就是 Vue 我們國內(nèi)的人過得多，我們的人數(shù)也遠(yuǎn)遠(yuǎn)大于國外。

社區(qū)支持

根據(jù)Github的統(tǒng)計(jì)數(shù)據(jù)，即使沒有優(yōu)秀公司的支持，我們也可以得出 Vue 在其開源社區(qū)中有多受歡迎的結(jié)論。

Facebook 工程師一直在致力于React維護(hù)和編碼，對(duì)其進(jìn)行改進(jìn)和投資，這使得 React 成為開發(fā)人員世界中增長最快的工具。

靈活性和學(xué)習(xí)曲線

React 的比較大的優(yōu)點(diǎn)之一就是靈活性。由于 React 不是一個(gè)成熟的框架，而是一個(gè)庫，因此它也很容易學(xué)習(xí)。開發(fā)人員可以按照自己的喜好添加任何庫，而不必以固定的模式工作。開發(fā)人員在與 React 合作以支持狀態(tài)管理任務(wù)時(shí)，也廣泛使用 MobX 和 Redux。

Vue 也很靈活，并且對(duì)構(gòu)建應(yīng)用程序沒有任何限制。它還為各種構(gòu)建系統(tǒng)提供了官方支持，而且學(xué)習(xí)過程不會(huì)花費(fèi)很多時(shí)間：熟悉 HTML 和 ES5(6) 這樣的基礎(chǔ)知識(shí)是我們?nèi)腴T所需的唯一基礎(chǔ)知識(shí)。

框架大小

框架的大小是直接影響項(xiàng)目生產(chǎn)力的關(guān)鍵標(biāo)準(zhǔn)，框架越小，對(duì)項(xiàng)目的影響就越好。React 約為100 Kb，而 Vue 約為80 Kb。它們都具有相對(duì)較小的尺寸，這使得它們便于開發(fā)小型應(yīng)用程序。

案例

在為項(xiàng)目選擇一項(xiàng)技術(shù)時(shí)，了解這項(xiàng)技術(shù)已經(jīng)在何處使用也很重要。

React 應(yīng)用開發(fā)：

• Facebook
• Twitter
• Instagram
• Whatsapp

Vue 應(yīng)用開發(fā)：

• Gitlab
• 9Gag
• Nintendo
• Grammarly

綜上所述，React 當(dāng)前比 Vue 更為流行，因?yàn)樗哂懈鼜?qiáng)大的團(tuán)隊(duì)來改善和維護(hù)它，而 Vue 則沒有。Vue 和 React 提供了高度的靈活性，易于學(xué)習(xí)的曲線，并且都較小。

那么，Vue 在2020年受歡迎程序是否會(huì)超過 React?可能性比較小。