# 3.4.6 react 和 vue 区别.

# 1.双向数据绑定

• react： 单项数据流
• vue: 双向数据绑定

# 2.虚拟 dom

# 3.状态管理

• react: redux

• vue: vuex

# 4.组件通信的区别

# 在Vue 中有三种方式可以实现组件通信：

• 父组件通过 props 向子组件传递数据或者回调，虽然可以传递回调，但是我们一般只传数据，而通过 事件的机制来处理子组件向父组件的通信
• 子组件通过 事件 向父组件发送消息
• 通过 V2.2.0 中新增的 provide/inject 来实现父组件向子组件注入数据，可以跨越多个层级。
• 另外有一些比如访问 $parent/$children

# 在 React 中，也有对应的三种方式：

• 父组件通过 props 可以向子组件传递数据或者回调
• 可以通过 context 进行跨层级的通信

# 5.模板渲染方式的不同

在表层上， 模板的语法不同

• React 是通过JSX渲染模板
• 而Vue是通过一种拓展的HTML语法进行渲染

# 参考