如今，JavaScript 框架、HTML和CSS已經(jīng)成為現(xiàn)代軟件項(xiàng)目前端開發(fā)中必不可少的部分。到了2020年，為web應(yīng)用開發(fā)項(xiàng)目選擇合適的JavaScript框架依舊是個(gè)問題。

正在閱讀本文的你，想必也在煩惱應(yīng)用程序開發(fā)的技術(shù)堆棧應(yīng)該如何選擇。做決定很困難，此文正是為各位創(chuàng)業(yè)者解決困境而作。技術(shù)堆棧選擇的常見問題有：

• React還是Vue：新的web開發(fā)項(xiàng)目選用哪個(gè)更好?
• 兩者中誰(shuí)表現(xiàn)更好?
• 開發(fā)者更喜歡哪一個(gè)?
• 哪一個(gè)更適合小型web應(yīng)用程序?
• 哪一個(gè)更可靠?

閱讀本文后，所有問題都將迎刃而解。為項(xiàng)目選擇一個(gè)完美的JavaScript技術(shù)并不難。一起參照各種參數(shù)，比較React和Vue，揭開這兩個(gè)2020年熱門編程工具的面紗吧!

React VS Vue：熱度

JavaScript 推出新框架和庫(kù)的速度飛快。其實(shí)一直以來(lái)都是如此。這些JavaScript技術(shù)的熱門程度每隔幾個(gè)月就會(huì)發(fā)生變化。

一起來(lái)看看React和Vue在2019年的最新數(shù)據(jù)中誰(shuí)更受好評(píng)吧。

數(shù)據(jù)#1：Google趨勢(shì)：Vue和React的谷歌搜索趨勢(shì)如下圖所示。React的數(shù)據(jù)在搜索中遙遙領(lǐng)先于Vue.js。

數(shù)據(jù)#2：Stack Overflow調(diào)查：在受歡迎的框架中，React位居榜首。但是Vue.js也很不賴。它畢竟2014年才推出，短短時(shí)間內(nèi)便受到了眾多開發(fā)者的歡迎。

React VS Vue：背景

我們先來(lái)快速了解一下這些JavaScript技術(shù)的背景知識(shí)。

Vue.js：尤雨溪(Evan You)曾任谷歌工程師，于2014年開發(fā)了這個(gè)JavaScript框架。Vue背后沒有一流大公司做支撐。最新的2.6.10版本發(fā)布于2019年的3月20日。

Vue.js推出至今只有五年，是JavaScript家族最年輕的一員。阿里巴巴和Gitlab等知名公司和軟件等都從中受益。它融合了許多成功JavaScript技術(shù)的特性。

React：和Vue不同，這項(xiàng)JavaScript庫(kù)是由Facebook創(chuàng)建的。Facebook為了解決廣告流量管理的維護(hù)和編碼方面遇到的問題，開發(fā)了React。

React能夠創(chuàng)建動(dòng)態(tài)和交互式用戶界面，且以此聞名。最新的16.8.6版本發(fā)布于2019年5月6日。BBC、Instagram和WhatsApp等等一連串知名公司都使用React來(lái)進(jìn)行編碼。

React VS Vue：性能

應(yīng)用程序的更新?lián)Q代表現(xiàn)在用戶界面和一個(gè)叫DOM的東西上。DOM分為虛擬DOM和真實(shí)DOM。它的種類對(duì)所有編程技術(shù)的性能能產(chǎn)生巨大影響。

React：React使用虛擬DOM，量級(jí)輕，而且并不局限于特定瀏覽器，從而消除了性能低下的問題。這也是React和虛擬DOM流行的主要原因。

Vue：Vue也使用虛擬DOM，但是和React相比，性能更為優(yōu)越，而且沒有bug。

React VS Vue：社區(qū)支持

社區(qū)支持對(duì)于各種軟件技術(shù)都至關(guān)重要，它可以提升新用戶對(duì)某一技術(shù)的忠誠(chéng)度。來(lái)了解一下React和Vue各自的社區(qū)支持吧。

React：Facebook為了維持不斷增長(zhǎng)的廣告流量開發(fā)了React這一JavaScript庫(kù)。該公司人員不斷致力于為React添加最新最先進(jìn)的功能，所以React開發(fā)者對(duì)該庫(kù)提供了可靠的支持。

Vue：Vue由一位前谷歌工程師開發(fā)，但并不靠任何大品牌或公司的支持，因此可靠性欠佳，市場(chǎng)前期推動(dòng)力也不足。但是在克服這些困難后，Vue在開發(fā)者中獲得了出乎意料的人氣和支持。它單純靠自己贏得了支持。

React VS Vue：框架大小

React的體積比Vue.js稍微大一點(diǎn)，大概100 KB，Vue則是80KB。框架/庫(kù)的大小對(duì)軟件開發(fā)項(xiàng)目有深遠(yuǎn)影響。

React需要其他庫(kù)的特定任務(wù)支持，比如路由配置。小體積很適合輕量應(yīng)用程序。Vue的體積更小，因此更為適合。

React VS Vue：用例

敲定適用的編程技術(shù)之前，研究應(yīng)用不同技術(shù)堆棧的公司也是重中之重。長(zhǎng)期以來(lái)，JavaScript在軟件開發(fā)服務(wù)中已成為不可或缺的一部分。

這主要?dú)w功于各種框架和庫(kù)的功能。以下便是React和Vue的主要用例：

React：

• Facebook，正如之前所說(shuō)，F(xiàn)acebook的廣告宣傳使用這項(xiàng)技術(shù)進(jìn)行管理。
• Twitter，知名社交媒體平臺(tái)，網(wǎng)絡(luò)性能提升能力有目共睹。
•  Instagram，支持照片共享的社交媒體平臺(tái)。
• Whatsapp，一款全球應(yīng)用廣泛的即時(shí)通訊應(yīng)用。

Vue：

• GitLab 支持開發(fā)者創(chuàng)建團(tuán)隊(duì)代碼或復(fù)制代碼。
• 9Gag 以分享熱門表情包和其他流行內(nèi)容而聞名。

React VS Vue：學(xué)習(xí)曲線

學(xué)習(xí)曲線是軟件開發(fā)人員應(yīng)用特定語(yǔ)言/框架或庫(kù)的代碼的能力。數(shù)據(jù)表明，在這兩種編程技術(shù)之間，Vue對(duì)web開發(fā)人員更為友好。

在Stateofjs的調(diào)查中，有“使用過，還會(huì)再次使用”的投票選項(xiàng)，投票給React的受訪者更多。此外，調(diào)查還詢問了受訪者對(duì)其他情況的看法。

以下是受訪者的回答：

參考下面選項(xiàng)可以更好地理解上面的柱狀圖。

(從未聽過 / 聽說(shuō)過，但不感興趣 / 聽說(shuō)過，想要學(xué)習(xí) / 使用過，不會(huì)再使用了 / 使用過，還會(huì)再次使用)

Vue是web應(yīng)用程序開發(fā)人員必須嘗試使用的新框架。“聽說(shuō)過，想要學(xué)習(xí)”這一選項(xiàng)數(shù)據(jù)明顯體現(xiàn)出了這一點(diǎn)。因此，接下來(lái)的幾年里Vue的學(xué)習(xí)曲線非常值得期待。

React VS Vue：靈活性

React：官方的React庫(kù)中并沒有太多內(nèi)容。React中可以靈活自主地選擇工具。Angular等一些框架會(huì)在在包中提供所有的東西，沒有足夠的試驗(yàn)空間。

能夠和React集成使用的技術(shù)有React Router、Redux和MobX等辦公管理框架，讓開發(fā)者能夠創(chuàng)建動(dòng)態(tài)應(yīng)用。經(jīng)驗(yàn)豐富的移動(dòng)應(yīng)用程序開發(fā)人員會(huì)靈活運(yùn)用它，享受這種開發(fā)的自由。

Vue：和React不同，Vue的官方網(wǎng)站上為Vue .js開發(fā)人員提供了一些內(nèi)容，Vue服務(wù)端渲染也支持服務(wù)器端開發(fā)。舉例來(lái)說(shuō)，用于狀態(tài)管理的Vuex和用于路由的Vue路由器都是可用于自定義軟件開發(fā)服務(wù)的附加組件。

結(jié)論：React vs Vue

根據(jù)以上數(shù)據(jù)和事實(shí)的分析，React和Vue兩者相比可總結(jié)出以下幾點(diǎn)結(jié)論：

•  React和Vue比更受歡迎，搜索量更多。
• React有Facebook這樣的巨頭企業(yè)支撐，Vue沒有。
• React比Vue更靈活。
• Vue的體積比React更小。

希望此文能消除大家對(duì)選擇正確應(yīng)用程序開發(fā)技術(shù)堆棧的困惑。