vue和react的区别

313 阅读1分钟

共同点

  • vue和react都是用来构建spa页面的前端框架
  • 都支持typescript和jsx语法
  • 都可以使用组件化开发
  • 虚拟dom结构
  • 单向数据流

不同点

  • vue中可以使用插值表达式,还有很多的指令来进行开发,react没有指令化开发
  • vue响应式数据变了视图马上改变,react数据变了要进行setState()重新读取
  • vue中的data中的数据可以手动更改,react中的state只能通过setState()修改
  • vue主推模板引擎开发,html,css,js写在一个vue页面,react中组件和css是分开的
  • vue中可以设置scope来实现样式隔离,react中需要设置index.module.css来实现
  • vue主推模板引擎写法,react主推jsx写法
  • vue对新人来说上手简单一些,react稍微复杂一些
  • vue中列表渲染用的是v-for,条件渲染用的是v-if等指令;react列表渲染用的数组的map等api,条件渲染主推js的逻辑运算符
  • vue中没有强调要用驼峰法命名className,事件绑定;react中必须使用驼峰法命名className以及事件绑定函数