React VS Vue：2020年选哪一个更好？

时间 2019-11-07

标签 react vue 2020年哪一个更好栏目 React 繁體版

原文原文链接

做者：Patricia Neil
翻译：疯狂的技术宅javascript

原文：https://towardsdatascience.co...前端

未经容许严禁转载vue

Javascript 框架以及 HTML 和 CSS 已成为每一个现代软件项目前端开发的重要组成部分。 2020 年将会是为你的 Web 项目选择正确的 javascript 框架的又一个年头。java

若是你正在阅读本文，相信你对下一个程序的技术栈感到困惑。肯定它并不容易，本文旨在解决每一个开发者的这种困境。与选择技术栈相关的一些常见问题是：react

React 或 Vue：哪一个更适合个人下一个 Web 发项目？
React 和 Vue 哪一个能够提供更好的性能？
在开发人员中最受欢迎的 JavaScript 技术是哪个？
React 和 Vue 中一个更适合小型 Web 程序？
哪一个更可靠？

在看完这些问题的答案后，你将能为本身的项目选择一种完美的 Javascript 技术。让咱们根据各类参数对 React 与 Vue 进行比较，以揭示这些工具在 2020 年的现实状况。程序员

人气

Javascript 推出新框架和库的速度很是快。实际上，这是一件持续的事情，而且每隔几个月，这些 javascript 技术就会在人气排行榜中交换位置。web

让咱们看一下 2019 年的最新统计数据，来了解 React 和 Vue 中哪一个是更受欢迎的。面试

#1： Google 趋势：搜索折线图描述了 Google 中 Vue 和 React 的搜索趋势。与 Vue.js 相比，React 遥遥领先。编程

2：Stack Overflow 调查：在最受欢迎的框架中，React 排名第一。可是 vue.js 也显示了非凡的成功。自 2014 年推出以来，它已成为开发人员在较短期内的热门选择。segmentfault

背景知识

让咱们快速了解一下这些 JavaScript 技术的背景知识。

Vue.JS： Google 前工程师尤雨溪于 2014 年建立了这个框架。可是它没有获得著名的顶级组织的支持。截至撰稿时的最新版本是 2.6.10，于 2019 年 3 月 20 日发布。

它是 javascript 家族中最年轻的成员，仅仅推出五年。 阿里巴巴和 Gitlab 正从该框架中受益。 Vue 被认为是一些成功的 javascript 技术功能的结合。

React：与 Vue 不一样，这个 JavaScript 库是由 Facebook 建立的。最初是为了 Facebook 广告流量管理建立的。那时 Facebook 遇到了维护和编码方面的问题。

它以动态建立和交互式 UI 的能力而闻名。 最新版本是16.8.6，于 2019 年 5 月 6 日发布。使用 React 编写代码的一些热门公司是 BBC，Instagram，WhatsApp和清单实际上很长！

React VS Vue: 性能

Web 程序的修改反映在其用户界面和被称为 DOM 的事物中。能够是 virtual DOM 或 real DOM。 DOM 的种类对任何编程技术的性能都有很大的影响。

React：它有一个轻量级的 virtual DOM，而且不是特定于浏览器的。这是 React 与 virtual DOM 一块儿获得普及的主要缘由，它消除了效率低下的问题。

Vue：Vue 也使用了虚拟 DOM，可是与 React 相比提供了更快的性能。它还确保了无错误的性能。

社区支持

社区支持对每种软件技术都相当重要。它激励新用户致力于特定技术。

React：为了维持不断增加的广告活动流量，Facebook 开发了这个 Javascript 库。 Facebook 员工致力于为

React 的功能添加新的和高级的功能。这为 react 开发人员提供了强大的可靠性。

Vue：它是由 Google 前工程师开发的，但没有任何顶级公司的支持，这会致使它缺少可靠性，以及在市场上的推广。可是 Vue 意外的得到了开发人员的欢迎和支持，使它克服这一障碍。 Vue 本身建立了社区支持。

框架大小

React 小比 Vue.js 略大。 React 大约为 100 KB，Vue 的为 80 KB。框架和库的大小可能会对软件开发项目产生重大影响。

React 须要某些其余库的支持，其中一是路由。它的小尺寸很是适合轻量级应用。 Vue 的会甚至更小，使其更适合轻量级应用。

用例

在选择正确的编程技术以前，对于开发者来讲，研究使用不一样技术栈的公司类型相当重要。长期以来，Javascript 已成为软件开发服务难以想象的一部分。

主要归功于其各类框架和库的功能。如下是 React 和 Vue 的主要用例：

React:

Facebook，如前所述，facebook 的广告系列使用此技术进行管理。
Twitter，一个以快速提高网络能力而闻名的社交媒体平台。
Instagram，主要支持照片共享的社交平台
Whatsapp，一种在全球范围普遍使用的消息传递程序。

Vue:

GitLab 支持开发人员可以造成团队代码或复制代码。
9Gag 以共享病毒化传播的模因和其余趋势内容而闻名

学习曲线

学习曲线是衡量软件开发人员应用特定语言、框架或库的代码的能力的指标。根据统计数据，在这两种编程技术之间，Vue 对 Web 开发人员更友好。

在 Stateofjs 的调查研究中，对“用过，并将再次使用它”这一选项进行投票，更多的受访者把选票投给了 React 。除此以外，受访者还对其余状况提出了意见。

如下是受访者的回应：

经过下面的索引了解上述条形图：

Vue 是 Web 开发人员必须尝试的一个新的框架。它在“据说过，想学习”这样选项的分数很高。这确保了在将来几年中该技术的前途。

灵活性

React：官方的 React 库中没有太多内容。在这里你能够灵活选择所需的工具。有一些相似 angular 的框架，软件包中提供了全部内容。

React 路由以及用于办公管理任务的 Redux 和 MobX 是能够与该技术集成的一些工具。经验丰富的移动应用开发人员能够受益于这种自由的开发方式，由于它容许他们建立动态应用程序。

Vue：与 react 不一样，在 Vue 的官方网站上为 vue.js 开发人员提供了一些内容。并且 Vue 服务端渲染技术也支持服务器端开发。仅举几例，用于状态管理的 Vuex 和用于路由的 Vue Router 是能够在自定义软件开发服务中使用。

结论

基于上述的统计和事实表述的分析，咱们能够总结一下关于 React 与 Vue 的一些区别：

与 Vue 相比，React 是更为流行的编程技术。
React 有一个顶级公司 facebook支持，但 Vue 没有。
React 提供了比 Vue 更大的灵活性。
Vue 比 React 要小。

本文首发微信公众号：前端先锋

欢迎扫描二维码关注公众号，天天都给你推送新鲜的前端技术文章

欢迎继续阅读本专栏其它高赞文章：

更多文章...