談到框架,，這些天你的選擇差不多,。在本文中，我們希望能夠更輕松地做出決定,。

選擇技術(shù)堆棧有時(shí)會(huì)變成一項(xiàng)繁瑣的任務(wù),，因?yàn)槟枰紤]每個(gè)因素，包括預(yù)算,，時(shí)間,，應(yīng)用程序大小,，最終用戶，項(xiàng)目目標(biāo)和資源,。

無論您是初學(xué)者,，開發(fā)人員，自由職業(yè)者還是項(xiàng)目架構(gòu)師形成策略,，明智地決定每個(gè)框架的優(yōu)缺點(diǎn)都是明智的,。因此，這篇文章不會(huì)幫助您選擇最好的文章,，因?yàn)樵摏Q定取決于項(xiàng)目的范圍和框架是否適合您的需求,。但是，這篇文章可以幫助您更好地理解每個(gè)框架以及趨勢(shì)和見解,。

讓我們開始吧

根據(jù)谷歌的趨勢(shì),，看一下React與Angular與Vue.js的比較。

如果我們考慮過去一年,，Angular似乎是贏家,，React排在第二位，為Vue.js留下一小部分,。

React vs. Angular vs. Vue

以下是一些可以幫助您更好地比較這些框架的問題：

• 它們是否足以構(gòu)建可擴(kuò)展的應(yīng)用程序,？
• 是否很容易為每個(gè)框架找到開發(fā)人員,？
• 您是否了解此處列出的每個(gè)框架背后的核心概念？
• 您是否分析過每個(gè)框架的性能,，速度和學(xué)習(xí)曲線,？
• 有沒有工具可以使用這些庫開發(fā)應(yīng)用程序？

讓我們逐個(gè)找到每個(gè)問題的答案,。

每個(gè)框架的歷史

React是一個(gè)用于構(gòu)建Web應(yīng)用程序UI組件的JavaScript庫,。React由Facebook維護(hù)，許多領(lǐng)先的科技品牌在其開發(fā)環(huán)境中使用React,。React被Facebook,，Uber，Netflix,，Twitter,，Udemy，Paypal,，Reddit,，Tumblr，Walmart 等使用。來自Facebook的另一個(gè)受歡迎的企業(yè)React Native用于使用JavaScript和React構(gòu)建本機(jī)移動(dòng)應(yīng)用程序,。許多知名公司因其出色的特性和功能而轉(zhuǎn)向React開發(fā),。該 陣營與Vue.js 主題也在網(wǎng)絡(luò)上嗡嗡作響，為您提供了選擇最佳框架的充分見解,。

Angular是一個(gè)由Google支持的基于TypeScript的JavaScript框架,。這是一個(gè)非常受歡迎的前端開發(fā)框架。Angular是作為Angular 2或Angular發(fā)布的,，它構(gòu)成了AngularJS（框架的第一個(gè)版本）的重寫,。

Angular開發(fā)在全球開發(fā)人員中廣泛流行，并被谷歌,，福布斯,，WhatsApp，Instagram,，healthcare.gov和許多財(cái)富500強(qiáng)公司等大型組織使用。

現(xiàn)在,，來到Vue,，Vue.js是討論最多且發(fā)展最快的JavaScript框架之一。它由前谷歌員工Evan You創(chuàng)建,，他在擔(dān)任Google員工時(shí)曾在Angular工作過,。您可以認(rèn)為它是成功的，因?yàn)樗軌蚴褂肏TML,，CSS和JavaScript構(gòu)建有吸引力的UI,。Vue被阿里巴巴，GitLab,，百度使用,，并受到全球開發(fā)人員和設(shè)計(jì)師的贊賞。

人氣和市場(chǎng)趨勢(shì)

根據(jù)2017年Stackoverflow調(diào)查,，Angular受到51.7％的開發(fā)者的喜愛,，而React被66.9％的受訪開發(fā)者所接受。React和Angular在流行的前端框架類別中具有幾乎相同級(jí)別的用戶,。Vue沒有在上述任何一個(gè)名單中占據(jù)一席之地,，但有能力參加這場(chǎng)戰(zhàn)斗。

現(xiàn)在,，再看看GitHub上所有這三個(gè)框架評(píng)級(jí)的統(tǒng)計(jì)數(shù)據(jù),。

這個(gè)GitHub為Angular,，React和Vue創(chuàng)作的明星歷史展示了Vue.js在開發(fā)人員中的流行程度。目前,，Vue有108086顆星,，React獲得106807顆星,，Angular獲得 38654顆星。

如果我們觀察上述統(tǒng)計(jì)數(shù)據(jù),，Vue.js似乎很受歡迎,。盡管它是一個(gè)“單人秀”，但它有能力吸引開發(fā)人員的注意力,，因?yàn)樗Y(jié)構(gòu)精良且易于構(gòu)建,。

最重要的是，你不應(yīng)該忘記Angular和React正被業(yè)界的大牌使用,。Google在他們的項(xiàng)目中使用了Angular,，F(xiàn)acebook，Airbnb,，Dropbox,，WhatsApp和Netflix等品牌正在其開發(fā)環(huán)境中使用React。

社區(qū)支持與增長(zhǎng)

由于React由Facebook提供支持而Angular由Google維護(hù),，因此這兩個(gè)框架的增長(zhǎng)毫無疑問,。在這兩個(gè)框架中，更新和發(fā)布都經(jīng)常發(fā)布,，但在遷移時(shí)它們得到了很好的維護(hù),。根據(jù)React和Angular的開發(fā)人員的說法，升級(jí)不是問題,，每六個(gè)月會(huì)有一次重大更新,。Angular團(tuán)隊(duì)定期發(fā)布版本更新，發(fā)布和折舊期,。

如果我們以這種方式考慮Vue.js,，就會(huì)有一個(gè)遷移幫助工具，它使遷移變得更容易,。但在大型應(yīng)用程序中,，它可能會(huì)導(dǎo)致問題，因?yàn)闆]有適當(dāng)?shù)穆肪€圖專注于版本控制和他們的計(jì)劃,。

React比Angular更靈活,，因?yàn)锳ngular是一個(gè)完整的框架，React是一組獨(dú)立,，更快,，不斷發(fā)展的庫，為此,，你必須密切關(guān)注不再支持或維護(hù)的每個(gè)小模塊,。

找到開發(fā)人員很容易嗎？

React涉及更多JavaScript，有時(shí)這也是人們面向Angular或Vue的原因,。使用HTML更有意義,，因?yàn)镽eact具有不同的JSX語法--JavaScript XML。但是,，它不需要在您的應(yīng)用程序中使用JSX,，但熟悉React的設(shè)置，環(huán)境和體系結(jié)構(gòu)有點(diǎn)困難,。

在這種情況下,，Angular是一個(gè)非常好的選擇。您可以輕松找到Angular開發(fā)人員,，它擁有一個(gè)完善的社區(qū),，擁有大量項(xiàng)目，更新,，資源,，并且具有可持續(xù)發(fā)展的未來。

JSX還是HTML,？你更喜歡什么,？

這是一場(chǎng)無休止的討論。Angular使用增強(qiáng)的HTML,，而React更多地是關(guān)于JavaScript,。請(qǐng)記住,，所有這三個(gè)框架都是基于組件的,。只要應(yīng)用程序需要，您就可以重用組件,。根據(jù)官方文檔,，如果我們談?wù)揓SX，JSX既不是字符串也不是HTML,。它允許開發(fā)人員創(chuàng)建React元素,，它是JavaScript的語法擴(kuò)展。

使用它有一個(gè)優(yōu)勢(shì),，因?yàn)镴avaScript比HTML更強(qiáng)大,，而且它是一種維護(hù)良好且成熟的語言，適用于前端開發(fā),。Vue與兩個(gè)框架都不同,。它分離了關(guān)注點(diǎn)，使開發(fā)人員能夠以有序的方式編寫樣式,，腳本和其他內(nèi)容,。對(duì)于熟悉HTML的初學(xué)者，設(shè)計(jì)師和經(jīng)驗(yàn)豐富的開發(fā)人員來說，這聽起來不錯(cuò),。

注意：您可以在Babel插件的幫助下在Vue中使用JSX,。

框架？程序庫,？有什么不同,？

Angular是一個(gè)框架，因?yàn)樗鼮槟峁┝耸褂猛暾O(shè)置構(gòu)建應(yīng)用程序的良好開端,。您無需查看庫,，路由解決方案和結(jié)構(gòu)。你可以簡(jiǎn)單地開始建設(shè),。另一方面,，React和Vue比Angular更靈活，更通用,。

使用React,，您可以進(jìn)行多個(gè)集成，因?yàn)槟梢詫炫c其他優(yōu)秀工具配對(duì),，交換和集成,。在這一點(diǎn)上，React開箱即用,，因?yàn)樗峁┝藷o縫集成的靈活性,，但是，這樣做有更多的機(jī)會(huì)出錯(cuò),，它需要更多的依賴,。

與這三個(gè)框架相比，Vue是最干凈的,。它可以幫助您在保持代碼高效的同時(shí)實(shí)現(xiàn)內(nèi)部依賴性和靈活性的完美平衡,。它是一個(gè)非常簡(jiǎn)單，直接且易于使用的JavaScript框架,，旨在簡(jiǎn)化Web開發(fā),。

您需要關(guān)注的其他重要事項(xiàng)

Angular涉及依賴注入，這是一個(gè)對(duì)象為另一個(gè)對(duì)象提供依賴關(guān)系的概念,。這使代碼更清晰,，更容易理解。另一方面,，有一個(gè)MVC模式將項(xiàng)目分成三個(gè)不同的組件 - 模型,，視圖和控制器。React沒有任何這樣的概念,，它只用于構(gòu)建應(yīng)用程序的View,，而Angular則基于MVC架構(gòu),。

表現(xiàn)：哪個(gè)更好？

Virtual DOM模型在性能方面非常有用,。React和Vue都有一個(gè)Virtual DOM,。由于結(jié)構(gòu)精良，Vue可提供出色的性能和內(nèi)存分配,。另一方面,，React運(yùn)作良好，Angular已經(jīng)在競(jìng)爭(zhēng)中領(lǐng)先,。

性能取決于各種因素,。這三個(gè)框架比其他JavaScript框架相對(duì)更快。您不應(yīng)該考慮性能來得出結(jié)論,，因?yàn)樗饕蕾囉趹?yīng)用程序的大小和代碼的優(yōu)化,。

本機(jī)應(yīng)用程序開發(fā)？可能,？

原生應(yīng)用程序是為特定平臺(tái)構(gòu)建的,。React擁有React Native，您可以使用它為iOS和Android開發(fā)本機(jī)應(yīng)用程序,。Angular的NativeScript已經(jīng)被很多人用來開發(fā)本機(jī)應(yīng)用程序,，而Ionic框架在制作混合應(yīng)用程序時(shí)廣受歡迎。

Vue的Weex平臺(tái)正在不斷發(fā)展,，目前似乎還沒有計(jì)劃進(jìn)一步發(fā)展,，使其成為一個(gè)成熟的交叉開發(fā)平臺(tái)。

哪個(gè)平臺(tái)提供簡(jiǎn)單的學(xué)習(xí)曲線,？

Angular和React有自己的方法來做事情,，其中，Vue相當(dāng)容易,。許多公司正在轉(zhuǎn)向Vue,，因?yàn)樗子谑褂?。在Angular或React中開發(fā)需要良好的JavaScript知識(shí),，您需要就第三方庫做出很多決策。

如果您的應(yīng)用程序很大并且在Vue中涉及大量代碼,，那么不僅編碼,，而且調(diào)試和測(cè)試可能是一個(gè)真正的問題，因?yàn)樗试S您以老式的JavaScript方式構(gòu)建應(yīng)用程序,。

Angular提供了非常豐富且清晰的錯(cuò)誤消息,，實(shí)際上可以幫助開發(fā)人員解決問題。

單向數(shù)據(jù)流與雙向數(shù)據(jù)綁定

這是React和Angular之間的主要區(qū)別之一,。雙向數(shù)據(jù)綁定是指UI字段綁定到動(dòng)態(tài)建模的機(jī)制,。當(dāng)UI元素發(fā)生變化時(shí),，模型數(shù)據(jù)也會(huì)相應(yīng)地更改。另一方面,，單向數(shù)據(jù)流意味著只有一個(gè)單一的事實(shí)來源 - 模型,。應(yīng)用程序的數(shù)據(jù)以單一方向流動(dòng)，只有模型才能更改應(yīng)用程序的狀態(tài),。

單向數(shù)據(jù)流易于理解和確定,，而雙向數(shù)據(jù)綁定由于其復(fù)雜性而難以理解和實(shí)現(xiàn)。

現(xiàn)在,，如果我們?cè)谶@種情況下考慮我們的框架,，Angular使用雙向數(shù)據(jù)綁定，React用于單數(shù)據(jù)流,，Vue支持兩者,。在這里，重點(diǎn)是,，Angular的雙向方法提供了有效的編碼結(jié)構(gòu),，開發(fā)人員發(fā)現(xiàn)它易于使用。React提供了更好的概述和理解,，因?yàn)閿?shù)據(jù)是在一個(gè)方向上管理的,。

Mircoapps和微服務(wù)的崛起

科技界目前正在接受mircoapps和微服務(wù)。React和Vue都可以靈活地選擇對(duì)應(yīng)用程序很重要的東西,。您只需將所需的庫添加到React和Vue中的源代碼中,。Angular使用TypeScript，這就是為什么它更適合SPA而不是微服務(wù),。React和Vue都為開發(fā)微應(yīng)用程序和微服務(wù)提供了更大的靈活性,。

最后，我應(yīng)該選擇什么,？

如果您比其他功能更喜歡靈活性,，請(qǐng)使用React。

如果您喜歡在TypeScript中編碼,，請(qǐng)選擇Angular,。

如果您是JavaScript愛好者，請(qǐng)使用React,，因?yàn)樗耆cJavaScript有關(guān),。

如果您喜歡干凈的代碼，請(qǐng)?jiān)谀膽?yīng)用程序中使用Vue,。

Vue提供最簡(jiǎn)單的學(xué)習(xí)曲線,，是初學(xué)者的理想選擇。

如果要在應(yīng)用程序中分離關(guān)注點(diǎn),，請(qǐng)使用Vue,。

如果您喜歡面向?qū)ο蟮木幊?，Angular絕對(duì)是您的選擇。

Vue非常適合小型團(tuán)隊(duì)和小型項(xiàng)目,。如果您的應(yīng)用程序似乎很大并且具有重要的未來擴(kuò)展計(jì)劃,，請(qǐng)選擇React或Angular。

對(duì)于跨平臺(tái)應(yīng)用程序開發(fā),，React Native是一個(gè)理想的選擇,，因?yàn)樗峁┝爽F(xiàn)代功能，您可以輕松地找到資源,。另一方面,，Angular需要良好的JavaScript知識(shí)才能構(gòu)建大規(guī)模應(yīng)用程序。

一個(gè)快速比較Angular vs. React vs. Vue

在這里，我們盡量不偏向于任何框架,。無論技術(shù)或框架如何,，我們都相信您的要求必須得到滿足。如果我們遺漏了任何可以使本文更全面的重要觀點(diǎn)或概念,，您可以通過以下評(píng)論告訴我們,！