你可能是React开发者，Vue开发者，或者只关注技术的Angular开发者。不过，您不能忽视开发社区正在进行的持续框架比较。有很好的理由去思考：他们的三个框架，一个是UI库（React），一个是成熟的前端框架（Angular），其中最年轻的（Vue）堪称渐进式框架。每个框架都有一些独特的优势和性能指标。正是这些不容忽视的优势和指标，我们不得不对这三个框架进行对比分析。这些框架都是基于组件的框架，都具有快速创建UI的功能。大多数时候，它们可以作为彼此的替代品来构建前端应用程序。然而，它们并非100%相同。这就是我们决定为您制作一份简短指南的原因，但最重要的是，它是帮助您在未来做出技术选择的参考。许可证当然，在使用开源框架或库之前，一定要彻底检查许可证。幸运的是，React、Angular和Vue都使用MIT许可证。它提供有限的重用限制，我们甚至可以在专有软件中使用它。在使用任何框架或软件之前，请小心并注意了解许可证的内容。架构设计Angular框架属于MEAN框架，是当今最受创业公司欢迎的技术栈。Angular是一个完整的基于TypeScript的Web应用程序开发框架，主要用于构建单页Web应用程序（SPA）。与更早的框架AngularJS不同，Angular2是基于组件的，与MV*模式关系不大。Angular的结构方法包括模块、组件和服务。在Angular框架中，每个组件都有一个定义应用程序逻辑和元数据（装饰器）的类或模板。组件的此元数据提供了有关创建和呈现其视图所需的工件所在位置的指导。Angular架构的另一个重要因素是模板是用HTML编写的。它们还可以包含带有特殊指令的Angular模板语法以输出响应数据并可以渲染多个元素。服务-Angular应用程序中的一个独特元素，组件使用它来委托业务逻辑任务，例如获取数据或验证输入。虽然不严格强制使用服务，但明智的做法是将您的应用程序构建为一组可重用的不同服务。ReactReact是一个主要用于开发用户界面的开源前端库。这种灵活的前端解决方案不强制执行特定的项目结构。React开发人员可能只需几行代码就可以开始使用它。React是基于JavaScript的，但在大多数情况下它与JSX（JavaScriptXML）相结合。JSX是一种语法扩展，允许开发人员创建同时包含HTML和JavaScript的元素。事实上，开发人员可以使用JSX创建的任何东西也可以使用ReactJavaScriptAPI创建。React元素比DOM元素更强大，它们是React应用程序的最小构建块，称为组件。React组件是一个构建块，它指示在整个Web应用程序中使用独立和可重用的组件。Vue用于开发用户界面和单页Web应用程序。Vue是一个开源的模型-视图-视图-模型(MVVM)前端JavaScript库。它被称为渐进式框架，与其他工具一起用于前端开发。Vue的流行是由于它的通用性、高性能和它在Web应用程序上的最佳用户体验。使用Vue时，开发人员主要在ViewModel层工作，以确保以框架呈现最新视图的方式处理应用程序数据。Vue的模板语法将可识别的HTML与特殊指令和函数结合在一起。此语法允许开发人员创建视图组件。Vue中的组件现在很小、独立且可重用。单文件组件(SFC)使用扩展名.vue并包含HTML、JavaScript和CSS，因此所有相关代码都位于同一个文件中。在大型Vue.js项目中，我们通常推荐使用SFC来组织代码。要将SFC移植到有效的JavaScript代码中，您需要一个构建工具，如Webpack或Browserify。适用的目标和范围AngularAngular最适合大型和高级项目。这些可能包括但不限于：用于开发渐进式Web应用程序(PWA)。用于重新设计Web应用程序。用于创建基于内容的动态网页设计。用于创建具有复杂基础架构的大型企业应用程序。ReactReact源自MERN架构，这是一种以构建复杂业务应用程序而闻名的技术架构。当与Redux、MobX或其他通量模式状态管理库一起使用时，React可以成为一个强大的工具。React最适合以下项目：对于涉及许多具有导航项、折叠或展开手风琴部分、启用或禁用状态、动态输入、启用或禁用按钮、用户登录、用户访问权限等组件的应用程序。对于具有由于具有扩展和增长的潜力，React组件可以轻松处理这种复杂的结构，因为它们具有声明性。当UI是Web应用程序的中心时。Vue因为Vue具有可接受的快速学习曲线，所以Vue最适合解决短期的小问题。它可以轻松地与现有代码块集成。在以下情况下，您可能需要Vue：您需要一个带有动画或交互元素的Web应用程序的开发项目。无需高级技能即可制作原型。需要与多个其他应用程序无缝集成的应用程序。更早启动MVP。性能和开发Angular性能的一些亮点包括：有无缝的第三方集成来增强产品或应用程序的功能。提供功能强大的组件集合，可简化编写、更改和使用代码的过程。它的“提前编译器”赋予应用程序更快的加载时间和安全性。MVC模型通过允许分离视图来帮助减少后台查询。使用依赖注入的外部元素促进组件的解耦，为可重用性和易于管理和测试铺平道路。通过将任务划分为逻辑块来减少网页的初始加载时间。完全可定制的设计。促进将HTML和TypeScript编译为JavaScript-大大加快了代码的编译速度，并在浏览器开始加载Web应用程序之前提前完成编译。React在性能方面与Vue相当，因为两者具有相同的架构，即与DOM的交互。网络React开发的性能可以评估如下：支持捆绑和摇树-这对于减少最终用户的资源负载至关重要。借助单向数据绑定支持，更好地控制项目。易于测试和监控管理。最适合需要频繁更改的复杂应用程序。Vue描述Vue的最佳短语是“难以置信的快”。它的一些性能指标是：更快的学习曲线。单页应用程序高效且复杂。高级功能使其用途广泛。各自的优势Angular对模板、表单、引导程序或架构、组件以及组件之间的交互都有完整的文档：平滑的双向数据绑定。MVC架构。内置模块系统。显着减少网页的初始加载时间。使用Angular构建的热门应用：YoutubeTV|贝宝|邮箱|福布斯|GoogleCloudReact通过模块化结构拥有灵活的代码，从而节省了时间和成本。方便实现复杂应用的高性能。使用React前端开发可以让代码维护更简单。支持Android和iOS平台的移动原生应用程序。使用React构建的流行应用程序：Tesla|AirBnB|CNN|Nike|Udemy|Linked-inVue它体积小，易于安装和下载。如果我们正确使用它，我们可以在多个地方重用Vue。Vue.js允许我们在不渲染整个DOM的情况下更新网页中的元素，因为它是一个虚拟DOM。需要较少的优化。加速Web应用程序的开发，并允许大佬们从编译器中分离模板到虚拟DOM。经过验证的兼容性和灵活性。无论应用程序的大小如何，代码库都不会改变。使用Vue构建的流行应用：Gitlab|办公桌|行为|9恶作剧|贡献他们的解决方案。Angular还有一个庞大的开发者社区，为最具挑战性和最奇怪的案例提供解决方案。Vue拥有良好的生态系统，具有React和Angular框架的所有特性。说到学习曲线，React无疑是开发者学习和适应最快的，其次是Vue和Angular。本文总结，从前端开发者的角度来看，React将是2021年学习使用最快的框架。Vue和React都是轻量级、直观和高性能的框架。
