当前位置: 代码迷 >> 综合 >> 前端学习(1841):前端面试题之react和vue区别
  详细解决方案

前端学习(1841):前端面试题之react和vue区别

热度:80   发布时间:2024-02-05 18:27:08.0

  1. 相同点
  1. 都有组件化开发和Virtual DOM
  2. 都支持props进行父子组件间数据通信
  3. 都支持数据驱动视图, 不直接操作真实DOM, 更新状态数据界面就自动更新
  4. 都支持服务器端渲染
  5. 都有支持native的方案,ReactReact Native,VueWeex
  1. 不同点
  1. 数据绑定: vue实现了数据的双向绑定,react数据流动是单向的

组件写法不一样, React推荐的做法是 JSX , 也就是把HTMLCSS全都写进JavaScript

 

  1. ,'all in js'; Vue推荐的做法是webpack+vue-loader的单文件组件格式,html,css,js写在同一个文件
  2. state对象在react应用中不可变的,需要使用setState方法更新状态;vue,state对象不是必须的,数据由data属性在vue对象中管理
  3. virtual DOM不一样,vue会跟踪每一个组件的依赖关系,不需要重新渲染整个组件树.而对于React而言,每当应用的状态被改变时,全部组件都会重新渲染,所以react中会需要shouldComponentUpdate这个生命周期函数方法来进行控制
  4. React严格上只针对MVCview,Vue则是MVVM模式
  相关解决方案