react 和 vue的对比

一、相同点

• 支持组件化
• 数据驱动视图
• 使用vdom操作DOM

二、不同点

1. 书写方式不同

• react 使用jsx拥抱js
• vue 使用模板拥抱html

2. 编程思想不同

• react 函数式编程
• vue 声明式编程

3. event事件不同

1. react:

• event 是SyntheticEvent(合成事件), 模拟出来DOM事件所有能力
• event.nativeEvent 是原生事件对象
• 所有的事件都被挂载到document上

2. vue:

• event 为原生事件
• 事件挂载到当前元素上

4. 使用难度不同

• react 更多需要自力更生
• vue 把想要的都给你

5. 更新视图方式不同

• react 使用setState()进行更新，向下进行递归更新，React 创造了Fiber，进行异步渲染
• vue2 使用object.definePropoty 数据劫持结合 发布者-订阅者模式进行更新；vue3 使用Proxy set()、get()、deletePrototy() 对应 Reflect set()、get()、deletePrototy()方法进行更新。

6. 使用虚拟DOM不同

• react 定义的一种类似于XML的JS扩展语法(XML+JS)，用来创建react虚拟DOM（元素）对象
• vue是 基于 snabbdom库所做的修改