作为开发人员，您肯定据说过出名的UI库—React、成熟的前端框架—Angular、以及最新的渐进式框架--Vue。显然，它们都有各种独特的劣势和性能指标。本文将和您探讨这三种架构在不同方面的优缺点，以不便您在理论利用中做出抉择。

许可证

作为首要思考的因素，咱们通常在抉择开源框架或软件库之前，彻底查看它们的许可证。目前，React、Angular和Vue都应用着MIT许可证，因而它们为用户提供了无限的应用水平。您须要在应用之前，认真理解每种许可证的具体含意。

架构Angular

隶属于MEAN栈的Angular框架，是各个初创企业热门采纳的技术栈。它基于TypeScript的Web利用开发残缺框架，次要用于构建单页面的Web利用(SPA)。

与原始框架AngularJS不同的是，因为基于组件，因而Angular 2与各种MV*模式并无严密关联。Angular的构造次要包含了模块(Modules)、组件(Components)和服务(Services)。

在Angular框架中，每个组件都有一个独立的类或模板，可用于定义应用逻辑与元数据(Decorators)。此类元数据能够提供，无关创立和显示其视图所需块地位的指引。

Angular体系架构中的另一个重要因素是，由HTML编写的各种模板。它们能够包含带有非凡指令的Angular模板语法，用以输入反馈性数据，并能提交多个元素。

服务作为Angular利用中的一个独特元素，能够被组件用来委派诸如：获取数据或验证输出等业务逻辑工作。虽未明确要求，然而Angular倡议用户将利用结构为一组可被重复使用的齐全不同的服务。

React

作为一种开源的前端库，React次要被用于开发用户界面。因为这种灵便的前端计划，并未对特定的我的项目构造有强制要求，因而React开发人员只需几行代码，即可开始应用。

尽管基于JavaScript，但在大多数状况下，React可与JSX(JavaScript XML)联合在一起。后者是一种语法扩大，它容许开发人员同时创立蕴含HTML和JavaScript的元素。实际上，那些由JSX所创立的任何内容，都能够被开发人员应用React JavaScript API来创立。相比DOM，React岂但有着更弱小的元素，并且它们是React利用的最小构建块。而React组件则是决定了是否要在整个Web利用中，独立且可重用应用的构建块。

Vue

作为一个开源的Model-View-View-Model前端JS库，Vue可被用于开发用户界面和SPA。因为属于渐进式框架，因而它可能与其余工具一起用在前端开发中。Vue凭借着其多功能性、高性能、以及在Web利用上的用户体验，而广受欢迎。

在应用Vue的过程中，开发人员通常会工作在View Model层上，以确保指标框架通过出现最新的视图，来解决利用数据。Vue的模板语法可能将可辨认的HTML，与各种非凡指令性能相结合。开发人员能够应用该语法来创立视图组件。

Vue中的组件岂但可重用，而且体积小且独立。例如，因为扩大名为.vue的单文件组件(Single File Components，SFC)反对HTML、JavaScript和CSS，因而它能够将所有相干代码都集中到一个文件中。

在大型Vue.js我的项目中，为了应用SFC来组织代码，咱们能够借用Webpack或Browserify之类的工具，将SFC转换为无效的JavaScript代码。

用意和范畴Angular

Angular比拟适宜大型和高级我的项目。其次要性能包含：

可用来开发渐进式Web利用(Progressive Web App，PWA)。

可从新设计网站利用。

可能设计和建设基于内容的动静网页。

可创立须要简单基础架构的大型企业应用。

React

来自MERN栈家族的React，是一种以构建简单的业务利用闻名的技术栈。作为一款弱小的工具，React可与Redux、MobX或其余流量模式库一起应用。React比拟适宜如下我的项目：

带有导航项、折叠/展开式菜单、能显示沉闷/非沉闷状态与按钮、动静输出、用户登录、以及拜访权限调配等，带有多个组件的应用程序。

因为React组件具备申明性，因而它能够轻松地解决具备增长和可扩大需要简单我的项目构造。

各种以UI为重点的Web利用。

Vue

因为Vue的学习曲线平缓且容易上手，因而它比拟适宜解决短期问题。通过与现有代码块的轻松集成，Vue可能被用于如下场景中：

须要具备动画、或交互式元素的Web利用开发我的项目。

无需高级技术即可交付原型的需要。

须要与多个应用程序无缝集成的利用。

须要疾速推出MVP(Model-View-Presenter)的需要。

性能与开发Angular

Angular在性能上具备如下长处：

为了加强产品/利用的性能，可与第三方无缝集成。

通过提供弱小的组件汇合，以简化编写、更改和应用代码的过程。

其“提前编译器(ahead-of-time-compiler)”可能晋升加载工夫和平安强度。

MVC模型通过容许视图拆散，来帮忙缩小后盾的查问。

促成将依赖项注入，用作将组件解耦的内部元素。这些为可重用性、以及简化治理与测试铺平了路线。

通过将工作分成逻辑块，来缩小网页的初始加载工夫。

可齐全定制化的设计。

有助于将HTML和TypeScript编译为JavaScript，进而放慢浏览器在加载Web利用之前的代码编译速度。

React

在性能方面，React可与Vue媲美，毕竟两者都有雷同的架构，都能与DOM交互。React在Web开发方面的性能个性如下：

反对捆绑，这对于缩小最终用户的资源占用是至关重要的。

因为提供了单向数据的绑定反对，因而能够更好地管制我的项目。

用户能够轻松地对其进行测试和监控。

适宜那些须要频繁更改的简单利用。

Vue

Vue的性能次要体现在如下方面：

更平缓的学习曲线。

可能高效地解决简单的单页面利用。

提供丰盛的高端性能。

各自劣势Angular

提供各种模板、表单、疏导程序、相干体系架构、组件、以及组件之间交互的详细信息。

平滑的双向数据绑定。

反对MVC体系架构。

内置模块零碎。

大幅缩小网页的初始加载工夫。

应用Angular构建的风行应用程序包含：Tesla、AirBnB、CNN、Nike、Udemy、Linked-in。

React

凭借着其模块化的构造和灵便的代码，可为用户节俭开发工夫和老本。

能为简单的利用提供高性能。

在前端开发期间，更易于保护代码。

反对实用于Android和iOS平台的挪动原生利用。

应用React构建的风行利用包含：Tesla、AirBnB、CNN、Nike、Udemy、Linked-in。

体积玲珑，便于装置和下载。

可复用。

凭借着虚拟化，Vue.js可能更新网页中的各种元素，而无需提交整个DOM。

须要较少的额定优化工作。

为加强Web利用开发，它容许专家将“模板到虚构”(template-to-virtual)DOM与编译器离开。

提供牢靠的兼容性和灵活性。

提供独立于利用规模的固定代码库。

用Vue构建的风行利用包含：Gitlab、Spendesk、Behance、9Gag、Wizzair、Nintendo。

社区反对与学习曲线

React JS库是由Facebook创立的。它领有大量的开发人员及其社区，可为各种问题提供宽泛的解决方案。

Angular同样领有大量的开发人员社区。它们可能为那些极具挑战性的、怪异的问题寻求答案。

Vue也具备良好的生态系统。

在学习曲线方面，React可供用户疾速学习和实际，Vue和Angular则次之。

小结

总而言之，从前端开发的角度来看，学习和应用React是首选。轻量级的Vue和React则更直观，且性能更优。

宝宝起名-更懂年老父母的起名参谋

原文题目：Angular vs. React vs. Vue: Which Framework is Best in 2021?，作者: Nir Sharma