• 原文地址：React vs. Vue in 2021: Best JavaScript Framework
• 原文作者：Elizabeth Lvova
• 译文出自：掘金翻译打算
• 本文永恒链接：github.com/xitu/gold-m…
• 译者：keepmovingljzy
• 校对者：Chorer、霜羽 Hoarfroster

React vs. Vue 谁是 2021 年最佳 JavaScript 框架

咱们整顿了这个便当的指南，以帮忙您更好地了解 Vue 和 React 的应用场景，并确定哪种框架最适宜您的下一个我的项目。

因为 JavaScript 框架对 web app 开发至关重要，许多公司始终在纠结于我的项目中应用 React 还是 Vue。简短的答案是，没有谁显著胜出。每个框架都有其优缺点，别离实用于不同的应用程序。因而，咱们整顿了这个便当的指南，以帮忙您更好地了解 Vue 和 React 的应用场景，并确定哪种框架最适宜您的下一个我的项目。

Vue.js vs. React —— 它们是什么？

React 和 Vue 都是开源的 JavaScript 框架，能够让开发者更容易、更快捷地构建简单的用户界面。在对 React 和 Vue 进行比拟之前，咱们先对各自进行简要的概述。

React 框架通过应用‘组件’提供更多的灵活性，只需一小段独立的代码，开发就能够应用它来创立更简单的逻辑和界面。React 通过“虚构 DOM”（实在 DOM 的正本）与 HTML 文档交互，然而所有元素都示意为 JavaScript 对象。这些元素，加上 React 的申明式编程格调和单向数据绑定，简化并减速了开发。

Vue 也提供了双向绑定和组件，并应用了虚构 DOM。然而，Vue 的次要吸引力在于它的渐进式设计。Vue 旨在容许开发者逐渐迁徙现有我的项目到框架中，一个接一个的迁徙个性，而不是一次性全副迁徙。因而，依据你的我的项目需要，您能够将 Vue 作为一个残缺的框架或者轻量级库，或者介于两者之间。

相同点

如你所见，Vue 和 React 在许多个性和性能都十分类似，最大的类似点是应用虚构 DOM。

除此之外，React 和 Vue 还有如下类似点：

• 与任何现有 web app 协同工作。
• 为开发人员提供一种轻量级的办法，让他们可能疾速实现工作。
• 提供具备生命周期办法的基于组件的体系架构。
• 提供更好的灵活性、速度和性能。
• 领有宏大而沉闷的社区。
• 提供宽泛的库和工具。

不同点

只管 React.js 和 Vue.js 有许多相似之处，但两者之间还是有一些区别，这对各自最实用于什么场景产生了重大影响。二者的次要区别在于将内容渲染到到 DOM 的办法。Vue 应用 HTML 模板和 JSX，而 React 仅应用 JSX，这实际上是一个扩大，容许您将 HTML 直接插入到 JS 代码中。只管 JSX 能够放慢开发并简化更大、更简单的工作，但毛病是它也可能使原本应该容易的工作变得复杂。

此外，React 的外围是提供组件，DOM 操作和组件状态治理。其余一切都是由社区开发者反对的。尽管经验丰富的开发人员通常更喜爱这种自由度，然而老手可能会因大量的第三方库和工具而感到手足无措。

尽管 Vue 领有宽泛的社区构建计划可供选择，但其外围团队同样也构建并反对了常用工具和配套库，如 Vue-router、Vuex 和 Vue CLI。这种预构建资源和第三方资源的联合有助于满足初学者和高级开发人员的需要和欲望。

Vue vs. React 性能

因为 React 和 Vue 有许多类似点，所以它们的总体性能大抵相当。这两个框架都应用虚构 DOM 和懒加载来进步性能和页面加载速度。

然而，在某些状况下，一个框架的性能显著优于另一个。例如，当你批改一个 React 组件的状态时，它的子树中的所有组件都将从新渲染。但在 Vue 中，会跟踪依赖项以避免不必要的从新渲染。尽管您能够应用不可变的数据结构、shouldComponentUpdate 或 PureComponent 来避免在 React 中从新渲染子组件，但这会减少额定的复杂性并导致 DOM 状态不统一。

1. 利用架构

React 与其余框架和库不同，因为它没有内置的架构模式。它应用基于组件的架构，有长处也有毛病。React UI 通过函数模式的组件渲染，并响应数据的更改。因而，外部架构由组件状态和用户操作之间的继续交互组成。

Vue 关注的是 MVVM 模式的 ViewModel 办法，这能够很好地利用于更大的应用程序。它应用双向数据绑定来连贯视图和模型。Vue 的次要指标是提供一个简略、灵便的视图层，而不是一个成熟的框架。

2. 可扩展性

在思考将 React 与 Vue 用于大型应用程序时，React 具备易扩展性，因而具备劣势。因为 React 应用程序仅应用 JavaScript，因而开发人员能够利用传统的代码组织形式轻松地进行扩大。组件的可重用性加强了 React 的可扩展性。

只管 Vue 也具备可扩展性，但因为其宽泛的灵便工具抉择，它更罕用于较小的应用程序中（只管应用程序的大小取决于架构）。因为采纳了动静架构，因而您将须要利用 Vue 的库和 Mixin 元素来克服扩大限度。因而，如果您正在思考应用 React 还是 Vue 作为企业应用程序，React 可能会更适应将来的增长。

3. 文档

在文档方面，Vue 显然是赢家。Vue 的网站以卓越的品质，高度具体的形容，多语言反对，它的文档和 API 援用广泛被认为是业界最好的。您能够在文档中找到许多问题和具体的答案。然而，因为 Vue 社区不像 React 社区那么大，所以您可能很难找到文档中未波及问题的正确答案。

React 的文档远远达不到 Vue 的程度，所以您须要更多地求助于社区去解决挑战和问题。好在 React 领有一个宏大而沉闷的社区，领有大量可供选择的学习材料。

4. 社区反对

这就引出了 React 和 Vue 社区反对的话题。这是任何技术的重要组成部分，因为社区为新开发人员和有教训的开发人员提供帮忙，并创立第三方解决方案和工具。

React 是由 Facebook 开发和保护的，而且 Facebook 也在本人的应用程序中应用它。因而，它领有大量继续的反对和一个一直构建和保护新工具的沉闷社区。

Vue 是由开发人员创立的，而不是一家公司，所以它没有像 React 那样迅速受到欢送。事实上，当它第一次公布时，许多开发人员都感觉它不牢靠，并犹豫是否要应用它。然而，因为用户社区的继续反对和奉献，Vue 曾经有了实质性的增长并且越来越受欢迎。

5. 人气

毫无疑问，Vue 领有 181K Github Star，是最受欢迎的 JavaScript 框架。然而，React 凭借 16.5 万 Star 升至第二位，并且持续增长并取得新用户。许多出名公司都有应用 Vue.js 和 React 制作的 Web 应用程序。

Vue 用户包含：

• Gitlab
• Euronews
• Adobe Portfolio
• Behance
• Alibaba
• Trustpilot
• Vice
• Nintendo
• BMW

React 用户包含：

• BBC
• Airbnb
• Facebook
• PayPal
• The New York Times
• Netflix
• Instagram
• Twitter
• WhatsApp

6. 安全性

Vue 和 React 都有本人的安全隐患，然而，Vue 应用程序比基于 React 的应用程序更容易取得平安爱护。尽管无奈针对 XSS 破绽等启用主动爱护性能，但 Vue 开发人员能够在施行之前对 HTML 代码进行清理或应用内部库来帮忙进攻攻打。只有您晓得 HTML 是平安的，则能够在渲染前后明确渲染 HTML 内容并爱护应用程序。

React 平安依附开发人员应用平安最佳实际来进攻 XSS 破绽、服务器端渲染攻打、SQL 注入和其余威逼。这可能包含诸如应用 serialize-Javascript 模块，利用脚本注入破绽以及应用平安的 React Native 应用程序之类的货色。因而，只管 React 易于应用，但须要大量的专业知识和教训来确保 React 应用程序是平安的。

7. React vs. Vue 待业市场

React 的受欢迎水平意味着有大量的经验丰富的开发人员可供雇用。依据 2019 年前端工具考察，超过 48% 的开发人员对应用 React 感到自在，而只有 23% 的开发人员宣称能够应用 Vue 取得舒服的开发体验。

然而，HackerRank 的开发人员技能报告发现，尽管 33.2% 的公司心愿雇用 React 开发人员，但只有 19% 的开发人员具备所需的技能。尽管 10% 的公司须要 Vue 开发人员，但只有 5.1% 的开发人员合格。

Vue 人气继续减少，并在 2020 年开发人员想要学习的技术排名中位列第四。这种受欢迎水平的增长，加上 Vue 杰出的文档和易于学习的常识，很可能会使得合格的 Vue 开发人员减少。

总结

总而言之，React 取得了更多的企业反对，在开发人员中更受欢迎，并领有一个宏大的社区，能够答复您可能有的任何问题。它也更容易扩大，通常是简单的企业级应用程序的首选。

另一方面，只管 Vue 还没有失去宽泛的反对和应用，但它的遍及水平正在一直进步，这次要是因为它杰出的文档、易用性和增量应用性能。Vue 还提供了更多的外围反对以及更宽泛的内置工具和解决方案。当思考 React 与 Vue 的开发速度时，应用 Vue CLI 4，只需几周工夫就能够打造并交付一个合乎市场需求的产品。

显然，这两种框架都是古代 web 应用程序的优良框架，React 与 Vue 的优缺点依据应用场景而有所不同。到底应用哪一个，齐全取决于您的我的项目指标和偏好。

React 是更好的抉择如果您想要：

• 领有多种灵便的库、工具和生态系统。
• 轻松地搭配 TypeScript、Flow、ReasonML、BuckleScript 应用。
• 开发一个易于测试和调试的高扩展性应用程序。
• 疾速构建一个简单的应用程序。
• 创立一个高性能的视频流媒体平台或媒体网站。

抉择 Vue 当你想：

• 构建一个渐进式 web app 或 SPA。
• 立刻开始开发。
• 取得更多的外围工具和反对。
• 扩大现有 app 的性能。

咱们心愿这个指南能帮忙你决定在下一个我的项目中应用 React.js 还是 Vue.js。如果你还有对于技术的问题，或者你须要一个有教训的开发团队来帮忙创立你的我的项目，请应用上面的表单给咱们发送音讯！

如果发现译文存在谬误或其余须要改良的中央，欢送到 掘金翻译打算 对译文进行批改并 PR，也可取得相应处分积分。文章结尾的 本文永恒链接 即为本文在 GitHub 上的 MarkDown 链接。

掘金翻译打算 是一个翻译优质互联网技术文章的社区，文章起源为 掘金 上的英文分享文章。内容笼罩 Android、iOS、前端、后端、区块链、产品、设计、人工智能等畛域，想要查看更多优质译文请继续关注 掘金翻译打算、官网微博、知乎专栏。