谈主要区别吧！vue是一种配置型的框架，也就是说它的开发模式比较固定，类似学英语的完形填空题；整个开发模式都是固定下来的，你个人发挥的空间不大；所以易于学习，你只管接受它的用法即可，但注意！发挥空间不大不代表不需要发挥，很多业务逻辑还是需要写的。react相对而言就更强调动手能力了，基本的内容都需要你自己来写，在它的规则下写。你的发挥空间就会比较大，项目的结构、层次可以很轻易的设计和调整，相对来说也就对新手有了门槛，因为它对基础知识的要求就更高一些。

Vue组件分为全局注册和局部注册，在react中都是通过import相应组件，然后模版中引用；

props是可以动态变化的，子组件也实时更新，在react中官方建议props要像纯函数那样，输入输出一致对应，而且不太建议通过props来更改视图；

子组件一般要显示地调用props选项来声明它期待获得的数据。而在react中不必需，另两者都有props校验机制；

每个Vue实例都实现了事件接口，方便父子组件通信，小型项目中不需要引入状态管理机制，而react必需自己实现；

使用插槽分发内容，使得可以混合父组件的内容与子组件自己的模板；

多了指令系统，让模版可以实现更丰富的功能，而React只能使用JSX语法；

Vue增加的语法糖computed和watch，而在React中需要自己写一套逻辑来实现；

react的思路是all in js，通过js来生成html，所以设计了jsx，还有通过js来操作css，社区的styled-component、jss等；而 vue是把html，css，js组合到一起，用各自的处理方式，vue有单文件组件，可以把html、css、js写到一个文件中，html提供了模板引擎来处理。

react做的事情很少，很多都交给社区去做，vue很多东西都是内置的，写起来确实方便一些， 比如 redux的combineReducer就对应vuex的modules， 比如reselect就对应vuex的getter和vue组件的computed， vuex的mutation是直接改变的原始数据，而redux的reducer是返回一个全新的state，所以redux结合immutable来优化性能，vue不需要。

react是整体的思路的就是函数式，所以推崇纯组件，数据不可变，单向数据流，当然需要双向的地方也可以做到，比如结合redux-form，组件的横向拆分一般是通过高阶组件。而vue是数据可变的，双向绑定，声明式的写法，vue组件的横向拆分很多情况下用mixin。

1、react严格上针对的是mvc模式的view层，vue则是mvvm模式。 2、操作dom的方式不同，vue使用的是指令操作dom，react是通过js进行操作。 3、数据绑定不同，vue实现的是双向绑定，react的数据流动是单向的。 4、react中state是不能直接改变的，需要使用setState改变。vue中的state不是必须的，数据主要是由data属性在vue对象中管理的。

1. 设计思想

　　vue： vue的官网介绍说vue是一种渐进式框架，采用自底向上增量开发的设计；

　　react： 采用函数式编程，推崇纯组件，数据不可变，单向数据流；

2. 编写语法

　　vue： 采用单文件组件格式，保留了html，css，js分离的写法；

　　react： 通过jsx渲染模板，html，css全部写入js中；

3. 构建工具

　　vue： 提供cli脚手架，可以非常容易的创建项目并进行配置；

　　react： 使用creat-react-app，有局限行，不能完成某些配置；

4. 状态管理

　　 vuex ： $store 被直接注入到了组件实例中，因此可以比较灵活的使用，组件既可以dispatch action又可以commit updates。

• 
  

• 使用 dispatch 和 commit 提交更新

• 通过 mapState 或者直接通过 this.$store 来读取数据

 　　redux ： 我们每一个组件都需要显示的用 connect 把需要的 props 和 dispatch 连接起来，redux 中只能进行 dispatch，并不能直接调用 reducer 进行修改。

　　两者之间的差异

• 
  

• Redux 使用的是不可变数据，而Vuex的数据是可变的。Redux每次都是用新的state替换旧的state，而Vuex是直接修改

• Redux 在检测数据变化的时候，是通过 diff 的方式比较差异的，而Vuex其实和Vue的原理一样，是通过 getter/setter来比较的（如果看Vuex源码会知道，其实他内部直接创建一个Vue实例用来跟踪数据变化）

 

React更偏向于构建稳定大型的应用，非常的科班化。

Vue更偏向于简单迅速的解决问题，更灵活，不那么严格遵循条条框框。

因此也会给人一种大型项目用React，小型项目用 Vue 的感觉。

• Redux 使用的是不可变数据，而Vuex的数据是可变的。Redux每次都是用新的state替换旧的state，而Vuex是直接修改

• Redux 在检测数据变化的时候，是通过 diff 的方式比较差异的，而Vuex其实和Vue的原理一样，是通过 getter/setter来比较的（如果看Vuex源码会知道，其实他内部直接创建一个Vue实例用来跟踪数据变化）

 

React更偏向于构建稳定大型的应用，非常的科班化。

Vue更偏向于简单迅速的解决问题，更灵活，不那么严格遵循条条框框。

因此也会给人一种大型项目用React，小型项目用 Vue 的感觉。