srcmini上一章ReactJS实战教程请查看：ReactJS和React Native之间的区别
React和Vue是目前最流行的两个JavaScript库，用于构建数千个网站。React和Vue都是非常强大的框架，有各自的优缺点。你必须根据业务需求和用例选择哪种框架。
React和Vue都有很多共同之处，比如基于组件的架构、虚拟DOM的使用、props的使用、用于调试的chrome开发工具等等。但是，两者有一些显著的差异，如下所示。
| React | Vue | |
| 定义 | React是一个声明性的、高效的、灵活的、开源的JavaScript库，用于构建可重用的UI组件。 | Vue是一个用于构建可重用用户界面和单页应用程序的开源JavaScript库。 |
| 历史 | 它是由Facebook的软件工程师乔丹·沃克(Jordan Walke)创建的。它最初由Facebook开发和维护，后来用于WhatsApp和Instagram等产品。Facebook在2011年为新闻推送部分开发了React，但它在2013年5月向公众发布。 | Vue是由Evan You创建的，他是谷歌的前雇员，曾经参与过很多Angular项目。他想要做一个更好的Angular版本，只是提取出他喜欢的关于Angular的部分，让它更轻松。Vue的第一个版本是在2014年2月发布的。 |
| 学习曲线 | React不是一个完整的框架，必须寻找更高级的框架来使用第三方库。它使核心框架的学习变得不那么容易。它增加了学习曲线的复杂性，因为它根据你对附加功能的选择而有所不同。 | Vue提供了更高的可定制性，这使得它比Angular或React更容易学习。Vue与Angular分享了一些概念，并对它们的功能做出了反应。因此，从Angular和React转换到Vue是一个简单的选择。此外，官方文档写得很好，涵盖了开发人员构建Vue应用程序所需的所有内容。 |
| 首选语言 | JavaScript / JavaScript XML | HTML / JavaScript |
| 大小 | React库的大小为100 kb(约)。 | Vue库的大小是60kb(大约)。 |
| 性能 | 与Vue相比，它的性能比较慢。 | 它的性能比反应快。 |
| 灵活性 | React为支持第三方库提供了极大的灵活性。 | 与React相比，Vue提供的灵活性有限。 |
| 编码风格 | React使用JSX来编写JavaScript表达式，而不是普通的JavaScript。JSX类似于JavaScript表达式中的HTML代码。React将所有东西都作为组件，每个组件都有自己的生命周期方法。 | Vue的编码风格与Angular有点类似。它分离HTML、JS和CSS，就像web开发人员多年来一直习惯于web开发场景一样。但是，如果你愿意，也可以使用JSX。Vue对组件生命周期的理解比React更直观。 |
| 数据绑定 | React支持单向数据绑定。单向数据绑定指的是单一的事实来源。React流向单一，只有模型可以改变app状态。 | Vue支持单向和双向数据绑定。双向数据绑定是一种将UI字段绑定到动态建模的机制。如果UI组件发生更改，模型数据也会相应更改。 |
| 工具 | React拥有强大的工具支持。它使用第三方CLI工具(create- React -app)，这有助于在React项目中创建新的应用程序和组件。它对主要的ide有很好的支持。 | 与React相比，Vue提供的工具支持有限。它有一个Vue CLI工具，类似于create- response -app工具。它支持主要的ide，但不如React好。 |
| 当前版本 | 2019年3月27日起16.8.6起 | 2019年3月20日Vue 2.6.10。 |
| 长期的支持 | 适用于长期支持。 | 它不适合长期支持。 |
评论前必须登录！
注册