Vue和React有哪些显著区别，导致它们在项目选择上各有千秋？

本文共计1755个文字，预计阅读时间需要8分钟。

一、监听数据变化的实现原理

不同框架实现数据变化的原理不同：

+ Vue：通过getter/setter以及一些函数的劫持，能精确知道数据的变化，无需特殊优化即可达到很好的性能。+ React：默认通过比较引用的方式进行，如果数据结构复杂，可能需要额外优化才能达到较好的性能。

一、监听数据变化的实现原理不同

• Vue通过 getter/setter以及一些函数的劫持，能精确知道数据变化 ，不需要特别的优化就能达到很好的性能
• React默认是通过 比较引用 的方式进行的，如果不优化( pureComponent/shouldComponentUpdate )可能导致大量不必要的VDOM得重新渲染

为什么 React 不精确监听数据变化呢 ？这是因为 Vue 和 React 设计理念上的区别， Vue 使用的是可变数据，而React更强调数据的不可变。 所以应该说没有好坏之分，Vue更加简单，而React构建大型应用的时候更加鲁棒。

二、数据流的不同

• 大家都知道Vue中默认是支持双向绑定的。在Vue1.0中我们可以实现两种双向绑定：

props v-model

• 在 Vue2.x 中去掉了第一种， 也就是父子组件之间不能双向绑定了（但是提供了一个语法糖自动帮你通过事件的方式修改），并且 Vue2.x 已经不鼓励组件对自己的 props 进行任何修改了 。