1 背景比对
| 比对 | Vue | React | Angular |
|---|---|---|---|
| 出现年月 | 2013-7 | 2013-3 | 2010-1 |
| 框架类型 | MVVM | MVC | MVW |
| 开源许可 | MIT license | BSD3-license | MIT license |
MIT license 与 BSD-license 之间的区别是：MIT license 允许衍生软件加上我们自己的名字做推广，而 BSD license 不可以。
MVVM（Model-View-ViewModel）：将其中的View 的状态和行为抽象化，分开了视图 UI 与业务逻辑。
MVW（Model-View-Whatever）：不限控制层。
Angular 出现最早，Vue 相对来说最新。
2 开发比对
| 比对 | Vue | React | Angular |
|---|---|---|---|
| 开发与维护 | 尤雨溪（Google前员工） | ||
| 团队人数 | 16 | 未知 | 36 |
| Github star | 95284 | 96651 | 58492 |
| Github 代码贡献者人数 | 190 | 1184 | 635 |
| 日评星数（最近一年） | 111.8 | 80.2 | 33.5 |
Github star 与 Github 代码贡献者数字统计于 2018-5-25。
最近一年，从 npm 服务器上的下载量趋势：
React 与 Vue 在标星数上差不多，而 React 代码社区最为活跃。
3 流行度比对
3.1 国内流行度
我们在百度趋势中比较这三大框架。
1、搜索指数
搜索指数指的是关键词最近一个月的总体搜索指数表现。
日均值：一段时间内搜索指数日均值。
同比：与去年同期的同比变化率。
环比：与上一个相邻时间段（即上一个7天/30天）的环比变化率。
2、搜索指数趋势
搜索指数趋势：互联网用户对键词搜索关注程度及持续变化情况。
算法说明：以网民在百度的搜索量为数据基础，以关键词为统计对象，科学分析并计算出各个关键词在百度网页搜索中搜索频次的加权。
3.2 国外流行度
因为 Google 不可用（你懂的），所以我们通过其它知名的网站来做比较。
3.2.1 stackoverflow
Stack Overflow 是一个与程序相关的 IT 技术问答网站。该网站拥有 400 万用户，每月 5.6 亿的页面浏览量。
我们对 Stack Overflow 2018 调查报告 进行分析。
1、目前最流行的技术框架排名：
image.png
Angular 与 React 排名靠前，Vue 未上榜。
2、目前大家最喜爱的技术框架排名：
相对 Angular 来说，React 的表现很抢眼，Vue 未上榜。
3.2.2 statejs
statejs 网站使用了一套包含上百个问题的问卷调查，从超过 28000 名开发者中得出的 2017 年关于前端框架调查，结果 如下：
很多开发者想学 Vue，而 React 拥有最多的开发者。
国内流行 Vue，国外流行 React。
4 技术比对
| 比对 | Vue | React | Angular |
|---|---|---|---|
| 基于组件 | 擅长 | 擅长 | - |
| 依赖标准 | ES5 或 ES6 | ES6 | TypeScript |
| 底层技术 | 单个文件（模板 + 脚本 +样式） | JSX | 模板 |
| 数据绑定 | 单/双向绑定 | 单向绑定 | 双向绑定 |
| 支持原生开发 | 支持（Weex ） | 支持（react-native/react-native-renderer） | 支持（NativeScript、Ionic） |
| 服务端预渲染 | nuxt.js | next.js | Angular Universal |
| 学习曲线 | 简单 | 中等 | 陡峭 |
1、基于组件：一个组件得到一个输入，并且在一些内部的行为/计算之后，它返回一个渲染的 UI 模板作为输出。定义的组件可以很容易在网页或其他组件中重用。
2、 依赖标准：Vue 与 React 使用的都是 javaScript 语言标准，差别不大。Angular 是 javaScript 的超集，添加了可选的静态类型和基于类的面向对象编程；但与整个 JavaScript 语言相比，目前 TypeScript 的用户群仍然很小。
3、底层技术
Vue 把模板，脚本和样式定义在一个文件中，这意味着可以获得语法高亮，CSS 支持以及更容易使用预处理器（如 Jade 或 SCSS）。
React 的 JSX 是一个类似 HTML 语法的可选预处理器，并可在 JavaScript 中进行编译。因为代码写在同一个地方，所以可以在代码完成和编译时更好地检查。如果在 JSX 中输入错误时，React 将无法通过编译，它会打印出错的位置。
Angular 2 在运行时会静默失败。它的模板使用特殊的 Angular 语法来增强 HTML。虽然 React 需要 JavaScript 的知识，但 Angular 需要学习 Angular 特有的语法。
4、数据绑定
当 UI 元素（例如，用户输入）被更新时，Angular 的双向绑定会改变 model 状态。Angular 的方式实现起来代码更干净，开发人员更容易实现。在 React 中实现该功能，必须先更新 model，然后渲染 UI 元素。React 的方式会有更好的数据总览，因为数据只能在一个方向上流动，这样更容易调试。
性能方面：
内存方面：
Vue 有着良好的性能和不错的内存分配技巧，但如果比较快慢的话，这些框架都非常接近。注意：性能基准只作参考，不是判断标准。
6 服务端预渲染
服务器端预渲染有助于提升性能，整体用户体验和 SEO。
7 学习曲线
Angular 的学习曲线陡峭。即使对 Javascript 有深入的了解，也需要了解框架的底层原理。
React 可能需要针对第三方库进行大量重大决策，比如状态管理就有 16 种不同的 flux 包供选择。
Vue 学习起来很容易。没有经验的 Javascript 开发者或者在过去几年中主要使用 jQuery 开发者，考虑使用 Vue。Vue 看起来更像是简单的 Javascript。
总结
Vue 优点：
平缓的学习曲线。
干净的代码。
轻量级的框架。
React 优点：
灵活。
拥有大型的技术生态系统。
良好的组件化设计。
Angular 优点：
基于 TypeScript。
面向对象编程。
建议：
小型、业务简单的项目建议使用 Vue 框架。
大型、业务复杂的项目建议使用 React 框架。
作者：deniro
链接：https://www.jianshu.com/p/c77baeecabdc