都 9012 了，该选择 Angular、React，还是 Vue？

转载请注明出处：葡萄城官网，葡萄城为开发者提供专业的开发工具、解决方案和服务，赋能开发者。

尽管 Web 开发的典型应用场景除了将服务器用作平台、浏览器用作客户端之外，几乎很少活跃于其他业务领域，但不可否认 JavaScript 语言和框架的使用已经成为了主流。Angular、React 和 Vue，作为 JavaScript 的三大框架已逐步发展成熟，三者的差异性也越发明显，假设 JavaScript 还会继续流行十年左右，未来十年，你将会作何选择？

Angular

AngularJS 自 2009 年诞生，至今已有十年历史。在这短短十年中，其对 Web 社区的发展产生了十分深远的影响。作为一款优秀的 JavaScript 框架，在其推出一年后，便在全球引起了广泛关注，如今更是在 Google 的 600 多款产品中得以成功运用，如 Firebase 控制台、谷歌分析、谷歌快车、谷歌云等。

AngularJS 有着诸多核心特性，包含：MVC （ Model – view – controller ）、模块化、自动化双向数据绑定、语义化标签、依赖注入等。Angular 最新版 7.0.0 已于 2018 年 10 月发布，下一版本预计将于今年第二季度正式上线。以下是 Angular 7 针对性能、命令行工具和 Material Design 组件的优化项：

• 性能方面：Angular 7 新增的虚拟滚动优化了单页面的呈现方式，对于那些吸引访问者继续向下滚动的 clickbait 网站来说，这将派上大用场。Angular 7 的另一个性能亮点被称为 Bundle Budgets，它用于预警开发人员当前使用的 JavaScript 包的大小，当 JavaScript 包超过 2MB 时开始预警，在达到 5MB 后直接中断生成。

• 命令行提示：当在 CLI 中键入某些命令，如 ng new 或者 ng add @angular/material 时，Angular 7 会提示用户，让你找到像路由或 SCSS 支持之类的内置特性，从而简化编码体验，帮助开发者发现新功能或提供灵感。

• 视觉风格：谷歌在 Angular 7 之前已于 2018 年更新了 Material.io ，用户更新后会出现细微的视觉差异：如，UI 结构层次更为大胆、形状的边角更加圆滑，五种全新的 Icon 样式，以及一个非常时尚且现代化的拖放模块。

React

Angular 的出现，在 Web 社区引发了强烈轰动。两年后，Facebook 也推出了一款同样具备丰富功能的 JavaScript UI 组件库—— React。

使用 React，意味着您将用一种更简约的方式开始前端开发，这也是大部分开发人员所期待的：

• 没有依赖注入
• 使用 JSX （一种基于 JavaScript 构建的类似 XML 的语言），而非经典模板，创建虚拟 DOM
• 使用状态管理 setState 和 Context API
• XSS 保护
• 用于单元测试组件的实用程序

不多，却正好够用，您完全可以根据自己的需要，自由添加任何组件库，它们包括：

• 路由：React-router
• 获取 HTTP 请求：Fetch （或 axios ）
• 各种各样的 CSS 封装技术
• 用于单元测试的 Enzyme Google 和 Facebook 作为 Web 社区开源项目的主要发起者，彼此之间从未停止过竞争，尤其是关于 Angular 和 React 之间的辩论已经持续了四年之久。但严格来说，将 Angular 与 React 进行比较并不完全公平，因为 Angular 是一个功能齐全、组件丰富的框架，而 React 只是一个 UI 组件库。为了解决这个问题，我们将就 Angular 框架中的一些常用组件库与 React 进行对比。

组件功能：React VS Angular

Angular 提供了比 React 更多开箱即用的功能，如：

• 依赖注入
• 基于 HTML 的扩展模板
• 由 @angular / router 提供的路由
• 使用 @angular / common / http 的 Ajax 请求
• 用于构建 @angular /forms 的表单
• 组件 CSS 封装
• XSS 保护
• 用于单元测试组件的实用程序 其中，依赖注入等功能作为 Angular 的核心，您无法选择不使用它们，这好像一把双刃剑，在带来强大功能模块的同时，也使得 Angular 变得越来越笨重。

当然，Google 工程师已经意识到了这个问题，也在一定程度上致力于简化 Angular 框架的复杂性，希望在 Angular 8 中能让人耳目一新。

Vue

在 React 与 Angular 孰优孰劣的讨论逐步升温的时候，另一个 JavaScript 框架 Vue 抵达了现场，使得这场最优 Web 开发框架的角逐变得更加白热化。

Vue.js 是由 Google 的核心开发工程师——尤雨溪（ Evan You ）所创建的框架，作为一个比 React 和 Angular 都更年轻的框架，Vue 从它们那里借鉴了好的部分，即函数式和面向对象编程的混合体。2014 年 2 月（在微软收购 GitHub 平台四年之前），Evan You 在 GitHub 上发布了第一个稳定版本的 Vue，标志着一个构建数据驱动的 Web UI 的渐进式框架就此诞生。

尽管没有得到谷歌和 Facebook 等科技巨头的支持，但自 2018 年以来，Vue 一直受到开发者的广泛关注。从去年几大主流前端开发框架的热度来看，大多数知晓 Vue 的开发者都表示有兴趣学习它。

也许，那些已经熟练掌握 Angular 和 React 前端框架的开发人员也应该花些时间去了解一下这个简单、小巧、省心的前端框架，希望下面的内容能对你有所帮助。

学习曲线：React VS Vue

如果前端框架的学习不包含 TypeScript （即便 TypeScript 通常被认为是 JavaScript 的增集，但要完全掌握仍需要学习额外的类处理过程），那么 React 和 Vue 的学习速率都高于 Angular。

相对于 React，许多初学者认为 Vue 的学习成本更低，因为它提供了更加丰富的资源文档和中文支持。事实上，Vue 和 React 学习速率的实际情况是大致相同的，由于大部分 Vue 的学习资料直接以单个 Web 应用程序的开发实践开始，直观且清晰的代码逻辑的确可以帮助初学者更快入门，但是，随着学习内容的深入，当您需要开发复杂的 Web 应用程序时，花哨灵活的指令和逻辑反而会让人觉得 Vue 比 React 更难掌控。

技术社区：React VS Vue

React 是一个已经存在近十年的 Facebook 开源项目，因此它拥有更加成熟的技术社区支持。尽管 Vue 已经成功地在短短几年间吸引了相当多的追随者，但在它真正建立出一整套完善且丰富的生态系统之前，仍需要更多人和时间的打磨。

当你看到许多使用 Vue 完成的项目时，你会注意到，其整体的设计理念更趋向现代化，这是因为 Vue 仍是一个相对较新的框架，比如，这个示例。 众多周知，React 所包含的工具、组件库和代码包的数量更多，但 Vue 灵巧、精致和简单却更加令人印象深刻。

安全性：React VS Vue

前端几乎无安全可言！当然，这里所指的安全性，仅仅是 React 和 Vue 这两个框架之间的对比，相对于 React，Vue 更为小众且不同，因此在面对大规模黑客攻击的时候，React 更容易成为目标。

Vue 和 React 同样都容易受到跨站点脚本（ XSS ）攻击，这也是 Web 应用程序中最为常见的安全漏洞。XSS 攻击允许攻击者将客户端脚本注入到其他用户查看的网页中，以影响其关联的任何 JavaScript Web 应用程序。 PS：缓解此问题的最佳方法是将数据保存在脚本之外，加入黑名单机制并从白名单中进行数据验证。

灵活性：React VS Vue

这也是争议最大的地方。React 专注于 UI，所以在构建 UI 组件时可以从它那里获得很好的支持。Vue 作为一个渐进式框架，只允许使用最基本的功能来构建应用程序，但同时也提供了一些开箱即用的东西：如，用于状态管理的 Vuex、用于应用程序 URL 管理的 Vue Router、Vue 服务器端渲染。

Vue 剥离了许多元素，相比之下 React 更加全面。但如果您正在寻找一种精简、新颖、简单易学、样板代码少、高性能、灵活且完整的前端框架，Vue 更加适合；当然，如果您打算使用低版本 jQuery 代码，Vue 也同样支持。

React 的灵活性则更多依赖于其背后强大的技术社区，在 Facebook 的强力支撑下（ Facebook 的 React 团队包括了 10 名专职开发人员），提供了更多工具、UI 库和教程。

如果您的开发理念更趋向全栈文化、跨平台、保持独特、引领潮流而不是跟随，那么您一定会喜欢 Vue ；但如果您的项目需要大量熟练使用该框架的前端开发者、大量的工具及第三方库，那么您最好使用 React。不过小孩子才做选择，您最需要的应该是一个全面兼容 Angular、React 和 Vue 的前端开发工具包—— WijmoJS。

Vue 的未来

截至 2019 年初，Angular、React 和 Vue 之间的竞争持续升温，越来越多的开发人员开始抛弃 Google 项目，就商业开发工具的提供者而言，Vue 的未来一片光明。

为开发速度更快的 Web 应用程序而选择了 Vue 的人有明显的增长，Vue 很有趣，开发起来也很简单。虽然，React 依托于其庞大的生态圈，在目前为止，处理更复杂的 Web 项目时占据优势，但随着前端社区内大量 Vue 追随者的出现、Vue 社区稳定增长的良好氛围，都在暗示着 Vue 很快就会变得像 React 一样受欢迎。

Angular、React，还是 Vue ？

作者尽量保持着公正的态度，客观地分析了上述三个前端框架，而作为前端开发者，面对 Angular、React 和 Vue，你会作何选择？为什么？如果您有任何问题或意见，欢迎在文末回复讨论。