React与Vue的异同点

一. 区别点：

• Templating vs JSX

react的思路是all in js，通过js来生成html， 所以设计了jsx，还有通过js来操作css，社区的styled-component、jss等

vue是把html，css，js组合到一起，用各自的处理方式，vue有单文件组件， 可以把html、css、js写到一个文件中，html提供了模板引擎来处理

react渲染是使用jsx，用js来操作html，列表渲染、条件判断等都通过js来控制，而vue提供了模板的语法，支持指令、过滤器等模板功能，简化了渲染逻辑。在react组件里需要写大段js才能描述清楚的逻辑，使用vue的模板可以很简洁紧凑的表明。

• 单向绑定 vs 双向绑定

单双向绑定，指的是View层和Model层之间的映射关系。

双向绑定是在同一个组件内，将数据和视图绑定起来，和父子组件之间的通信并无什么关联；

React采用单向绑定，如图所示：
​

用户访问View，用户发出交互到Actions中进行处理，Actions中通过setState对State进行更新，可以看出，View层不能直接修改State，必须要通过Actions来进行操作，这样更加清晰可控。

而Vue支持