一. 相似之处

  1. 它们都是前端优秀的UI库
  2. 使用 Virtual DOM快速渲染
  3. 提供了响应式 (Reactive) 和组件化 (Composable) 的视图组件。
  4. 都支持服务端渲染
  5. 将注意力集中保持在核心库,而将其他功能如路由和全局状态管理交给相关的库。

二. 不同之处

  1. 性能方面

    React 组件的状态有变化时,它会以该组件为根,重新渲染整个组件子树,需要使用PureComponent,或是实现shouldComponentUpdate(15)、getDerivedStateFromProps(16)方法进行优化

    Vue 使得开发者不再需要考虑此类优化,从而能够更好地专注于应用本身。

  2. 数据的可变性

    React 它是函数式的思想,把组件设计成纯组件,状态和逻辑通过参数传入,所以在react中,是单向数据流,推崇结合immutable来实现数据不可变。在setState之后会重新走渲染的流程,如果shouldComponentUpdate(15)返回的是true或getDerivedStateFromProps(16)返回的不是null,就继续渲染,如果返回了false,就不会重新渲染,PureComponent就是重写了shouldComponentUpdate,然后在里面作了props和state的浅层对比

    Vue 它是响应式的思想,也就是基于是数据可变的,通过对每一个属性建立Watcher来监听,当属性变化的时候,响应式的更新对应的虚拟dom

  3. 渲染方式

    React 他的思路是all in js,通过js来生成html,设计了jsx,通过js来操作cssVue 提供了渲染函数,同时也支持JSX,默认推荐的还是模板,任何合乎规范的 HTML 都是合法的Vue模板
    
  4. 声明方式

    React 是类式的写法,api较少

    Vue 是声明式的写法,通过传入各种options,api和参数较多

  5. 扩展功能方式

    React 通过高阶组件来扩展

    Vue 通过Mixins来扩展

个人愚见: React 和 Vue 区别相关推荐

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

    相同点 都有组件化开发和Virtual DOM 都支持props进行父子组件间数据通信 都支持数据驱动视图, 不直接操作真实DOM, 更新状态数据界面就自动更新 都支持服务器端渲染 都有支持nativ ...

  2. vue和react相同点_我在React和Vue中创建了相同的应用程序。 这是区别。

    vue和react相同点 by Sunil Sandhu 由Sunil Sandhu 我在React和Vue中创建了相同的应用程序. 这是区别. (I created the same app in ...

  3. 面试官:react和vue有什么区别吗?

    前言 大家好呀,清明节这两天有没有出门踏青扫墓呢!!! 言归正传,这是作者面试系列的第二篇文章!!!!!!! react和vue是什么?有啥区别吗? 三大框架之二,大家应该都不会陌生,都有学习过或者开 ...

  4. 今天的考核题目: 你知道React和Vue的区别吗? skr,skr

    React 和 Vue 的区别 博主面了几家公司,看简历上写着使用Vue.js框架,就会问,你能说一说 vue 和 react的区别吗 ?react 听过,没用过,所以就只能尴尬的说不怎么了解reac ...

  5. 前端面试题--react与vue的区别

    前端面试题–react与vue的区别 首先从架构层面来看,vue是MVVM架构,是一个灵活易用的渐进式双向绑定,而react并没有准确的架构模式,react准确的架构模式是调和器和渲染器,它有的是属性 ...

  6. vue框架和react框架的区别以及各自的应用场景

    一.框架简介 React主张是函数式编程的理念, 实现了前端界面的高性能高效率开发,react很擅长处理组件化的页面.React的官方网站提到了"学习一次,随处写作"这个关键功能, ...

  7. Vue\React\Angular的区别

    1. 基本概念 Angular 是一个应用设计框架与开发平台,用于创建高效.复杂.精致的单页面应用. React 是一个用于构建用户界面的 JavaScript 库 Vue (读音 /vjuː/,类似 ...

  8. 【面试题】当面试官让我回答React和Vue框架的区别......

    Vue 和 React 作为当前前端两大火热的框架,面试的时候自然不少被提及: 请说一下你对react/vue框架的理解 请对比一下两大框架的优缺点 其实react和vue大体上是相同的,比如都使用虚 ...

  9. vue = 什么意思_我用React和Vue构建了同款应用,来看看哪里不一样

    作者|Sunil Sandhu 译者|王强 编辑|王文婧 我阅读了很多 React 文档并观看了一些教学视频,它们的确很棒,但我真正想知道的是 React 与 Vue 有何不同.我所说的"不 ...

  10. 【React、Vue 、 Angular 共分天下,2018首将会是谁?】

    要论 2017 年最主流的三个 Web 前端结构,应莫过于 Angular.Vue 和 React 了.然而在实际运用中,这三个结构却不尽相同,对于规模不大的前端项目来说,Vue 因其极易上手会被列出 ...

最新文章

  1. 我是如何把微服务的这个模式落地的:一个服务一个数据库模式(中)
  2. java邮件发送api文件,JavaMail API 发送一个HTML电子邮件
  3. Mybatis使用generator自动生成映射配置文件信息
  4. 【英语学习】【Level 07】U02 Live Work L6 A countryside house
  5. C#实现四舍五入和JavaScript实现四舍五入
  6. Centos8 安装 mariadb 最新版 10.5.x
  7. WEB前端优化必备压缩工具YUI-compressor详解
  8. pr如何跳到关键帧_pr怎么跟踪?pr怎么做运动跟踪怎么用?
  9. 手把手教你配置阿里云服务器搭建网站
  10. 主析取范式和主合取范式
  11. 通达OA2016之进销存管理,为企业开启"精准营收"新模式
  12. 学习Coverity codexm的一些资料
  13. 利用CH341A编程器刷新BIOS,恢复BIOS,妈妈再也不用担心BIOS刷坏了
  14. 2020年android系统版本多少,2020年的Android系统会是什么样?
  15. 6s信号时有有时无服务器,苹果iPhone6s信号弱或无服务解决方法
  16. 层次聚类——linkage方法
  17. HTML文件不小心删了怎么办,如何找回电脑被删除的文件
  18. taskkill掉带空格的windowtitle
  19. wap上网的简单介绍
  20. 新三板上市和主板上市的区别主要是什么?

热门文章

  1. mysql远程主机强迫关闭了_channal经常关闭
  2. 2015.7.29国内TMT行业融资简报
  3. 4.8 单元格背景样式的设置 [原创Excel教程]
  4. 第三章总体均数的估计与假设检验(2)
  5. 第一水上软件 Hypack v10.05b 海洋调查和水道测量 HYPACK 2011
  6. TCP/IP模型背后的内涵(一)
  7. ”latest”(已经确认了的), “earliest”(创世区块的) , “pending”(包含未确认的交易的余额)
  8. PAT A 1034
  9. win10电脑锁屏快捷键
  10. discuz论坛快速登录、分享帐号一键登录方法