美文网首页
比较一下 Vue 和 react

比较一下 Vue 和 react

作者: lessonSam | 来源:发表于2020-03-21 23:12 被阅读0次

答案:

相同点

  1. 都有组件化开发和Virtual DOM
  2. 都支持props进行父子组件间数据通信
  3. 都支持数据驱动视图, 不直接操作真实DOM, 更新状态数据界面就自动更新
  4. 都支持服务器端渲染
  5. 都有支持native的方案,React的React Native,Vue的Weex

不同点

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

相关文章

  • Vue和React

    我们来对比一下Vue,React,Angular Vue和React对比 Vue和React相同点 基于MVC模式...

  • 三大前端技术Angular和React和Vue再比较

    三大前端技术Angular和React和Vue再比较 ​ 大家好,这一期呢,再来比较一下Angular和React...

  • vue和其它框架的对比

    React、Vue、Angular比较 相同之处: React和vue: 使用Virtual Dom 提供响应式和...

  • 比较一下 Vue 和 react

    答案: 相同点 都有组件化开发和Virtual DOM 都支持props进行父子组件间数据通信 都支持数据驱动视图...

  • 前端面试-vue

    1.了解vue和react吗?介绍一下。 vue和react都是主流的框架。vue : 脚手架vue-cli、路由...

  • 前端面试题

    1.了解vue和react吗?介绍一下。 vue和react都是主流的框架。vue : 脚手架vue-cli、路由...

  • Vue 和 React 比较

    Vue 更加轻量 20kb min + gzip 渐进式框架 响应式的更新机制(视图根据数据的改变自动刷新) 学习...

  • 比较React和Vue

    相同点: 组件化开发,基于虚拟dom 都支持props进行父子组件间通信 支持数据驱动视图,不直接操作DOM, 更...

  • React面试题总结

    1.vue-router 和 react-router的区别 首先,我们先看一下在vue-router和react...

  • vue & react的区别

    vue & react 参考: 个人理解Vue和React区别Vue和React的使用场景和深度有何不同? vue...

网友评论

      本文标题:比较一下 Vue 和 react

      本文链接:https://www.haomeiwen.com/subject/okppyhtx.html