vue react框架对比
vue react框架对比
一、共同点：
-
都支持组件化，都是数据驱动视图
-
使用 Virtual DOM （虚拟dom）
提供了响应式（Reactive）和组件化（Composable）的视图组件。
二、不同点：
-
vue本质是MVVM框架，是由MVC发展而来。
React本质是前端组件化框架，是由后端组件化发展而来。
-
Vue鼓励去使用HTML模板去进行渲染，使用相似于Angular风格的方法去输出动态的内容。因此，通过把原有的模板整合成新的Vue模板，Vue很容易提供旧的应用的升级。
React/jsx使用JavaScript而不是模板来开发，赋予了开发者许多编程能力。
三、比较
1.渲染性能
到目前为止，针对现实情况的测试中，Vue 的性能是优于 React 的。//
JavaScript开销与计算必要的DOM操作的机制直接相关。Vue和React都利用Virtual DOM来实现这一目标，但是Vue的Virtual DOM实现（snabbdom的分支）重量轻得多，因此比React的开销更少。（渲染性能）
2.更新性能
在React中，当组件的状态发生变化时，它会触发整个组件子树的重新呈现，从该组件开始以root身份。
为避免对子组件进行不必要的重新呈现，您需要在任何地方实现shouldComponentUpdate并使用不可变数据结构。 在Vue中，组件的依赖关系在渲染过程中会自动跟踪，因此系统会精确地知道实际需要重新渲染的组件。
未经优化的 Vue 相比未经优化的 React 要快的多。由于 Vue 改进过渲染性能，甚至全面优化过的 React 通常也会慢于开箱即用的 Vue。
3.数据绑定
四、优缺点
1.react优点
React Native能在手机上创建原生应用，React在这方面处于领先位置。使用JavaScript, CSS和HTML创建原生移动应用，这是一个重要的革新。Vue社区与阿里合作开发Vue版的React Native——Weex也很不错，但仍处于开发状态且并没经过实际项目的验证。
a、构建一个大型应用项目
同时用Vue和React实现的简单应用程序，可能会让一个开发者潜意识中更加倾向于Vue。这是因为基于模板的应用程序第一眼看上去更加好理解，而且能很快跑起来。
但是这些好处引入的技术债会阻碍应用扩展到更大的规模。
模板容易出现很难注意到的运行时错误，同时也很难去测试，重构和分解。
相比之下，Javascript模板可以组织成具有很好的分解性和干（DRY）代码的组件，干代码的可重用性和可测试性更好。
Vue也有组件系统和渲染函数，但是React的渲染系统可配置性更强，还有诸如浅（shallow）渲染的特性，和React的测试工具结合起来使用，使代码的可测试性和可维护性更好。
与此同时，React的immutable应用状态可能写起来不够简洁，但它在大型应用中意义非凡，因为透明度和可测试性在大型项目中变得至关重要。
b、同时适用于Web端和原生APP
React Native是一个使用Javascript构建移动端原生应用程序（iOS，Android）的库。 它与React.js相同，只是不使用Web组件，而是使用原生组件。 如果你学过React.js，很快就能上手React Native，反之亦然。
它的意义在于，开发者只需要一套知识和工具就能开发Web应用和移动端原生应用。如果你想同时做Web端开发和移动端开发，React为你准备了一份大礼。
阿里的Weex也是一个跨平台UI项目，目前它以Vue为灵感，使用了许多相同的语法，同时计划在未来完全集成Vue，然而集成的时间和细节还不清楚。因为Vue将HTML模板作为它设计的核心部分，并且现有特性不支持自定义渲染，因此很难看出目前的Vue.js的跨平台能力能像React和React Native一样强大。
2.vue优点
a、期待模板搭建应用
Vue应用的默认选项是把markup放在HTML文件中。数据绑定表达式采用的是和Angular相似的mustache语法，而指令（特殊的HTML属性）用来向模板添加功能。
相比之下，React应用不使用模板，它要求开发者借助JSX在JavaScript中创建DOM。
b、期待应用尽可能的小和快
当应用程序的状态改变时，React和Vue都将构建一个虚拟DOM并同步到真实DOM中。 两者都有各自的方法优化这个过程。
Vue核心开发者提供了一个benchmark测试，可以看出Vue的渲染系统比React的更快。测试方法是10000个项目的列表渲染100次。
从实用的观点来看，这种benchmark只和边缘情况有关，大部分应用程序中不会经常进行这种操作，所以这不应该被视为一个重要的比较点。
但是，页面大小是与所有项目有关的，这方面Vue再次领先，它目前的版本压缩后只有25.6KB。
React要实现同样的功能，你需要React DOM（37.4KB）和React with Addon库（11.4KB），共计44.8KB，几乎是Vue的两倍大。
双倍的体积并不能带来双倍的功能。
五、综合考虑
如果你喜欢用（或希望能够用）模板搭建应用，请使用Vue
如果你喜欢简单和“能用就行”的东西，请使用Vue
如果你的应用需要尽可能的小和快，请使用Vue
如果你计划构建一个大型应用程序，请使用React
如果你想要一个同时适用于Web端和原生App的框架，请选择React
如果你想要最大的生态圈，请使用React，
如果你想将现有的应用升级为新的JavaScript框架，那么我建议你选择Vue。