- vue - 本质是 MVVM 框架，由 MVC 发展而来
- React - 本质是前端组件化框架，不是一个完整的MVC框架，可以认为是MVC中的V（View）
vue和react的相同点：
1、都使用虚拟dom。
2、都提供了响应式和组件化的视图组件。
3、都把注意力集中保持在核心库，而将其他功能如路由和全局状态管理交给相关的库。(vue-router、vuex、react-router、redux等等)
两者的区别
1.数据是否可变
react整体是函数式的思想，在react中，是单向数据流，推崇结合immutable来实现数据不可变。react在setState之后会重新走渲染的流程，如果shouldComponentUpdate返回的是true，就继续渲染，如果返回了false，就不会重新渲染，PureComponent就是重写了shouldComponentUpdate，然后在里面作了props和state的浅层对比。
1286849-20190917204644055-974473423.png
而Vue的思想是响应式的，也就是基于是数据可变的，通过对每一个属性建立Watcher来监听，当属性变化的时候，响应式的更新对应的虚拟dom。你可以理解为每一个组件都已经自动获得了 shouldComponentUpdate，并且没有上述的子树问题限制。Vue 的这个特点使得开发者不再需要考虑此类优化，从而能够更好地专注于应用本身。
1286849-20190917204654490-1514540390.png
2.组件的实现方式
- vue - 使用模板（最初由 angular 提出）
- React - 使用 JSX
3.类式的组件写法，还是声明式的写法
react是类式的写法，api很少，而Vue是声明式的写法，通过传入各种options，api和参数都很多。所以react结合typescript更容易一起写，Vue稍微复杂。
Chrome 开发工具
React和Vue都有很好的Chrome扩展工具去帮助你找出bug。它们会检查你的应用，让你看到Vue或者React中的变化。你也可以看到应用中的状态，并实时看到更新。
- React的开发工具: https://www.jianshu.com/p/06df38a956dc
- Vue的开发工具: https://www.jianshu.com/p/dab699ca2fd4
各自优势
React
- 灵活性和响应性：它提供最大的灵活性和响应能力。
- 丰富的JavaScript库：来自世界各地的贡献者正在努力添加更多功能。
- 可扩展性：由于其灵活的结构和可扩展性，React已被证明对大型应用程序更好。
- 不断发展： React得到了Facebook专业开发人员的支持，他们不断寻找改进方法。
- Web或移动平台： React提供React Native平台，可通过相同的React组件模型为iOS和Android开发本机呈现的应用程序。
Vue
- 易于使用： Vue.js包含基于HTML的标准模板，可以更轻松地使用和修改现有应用程序。
- 更顺畅的集成：无论是单页应用程序还是复杂的Web界面，Vue.js都可以更平滑地集成更小的部件，而不会对整个系统产生任何影响。
- 更好的性能，更小的尺寸：它占用更少的空间，并且往往比其他框架提供更好的性能。
- 精心编写的文档：通过详细的文档提供简单的学习曲线，无需额外的知识; HTML和JavaScript将完成工作。
- 适应性：整体声音设计和架构使其成为一种流行的JavaScript框架。它提供无障碍的迁移，简单有效的结构和可重用的模板。
参考文章：
