程序员经验分享-hwhale

前端技术vue和react区别html

2023-10-31

作者：人民邮电出版社
链接：https://www.zhihu.com/question/309891718/answer/1066629375
来源：知乎
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。
 

虽然Vue和React两者在定位上有一些交集，但差异也是很明显的。

Vue 使用的是 web 开发者更熟悉的模板与特性，Vue的API跟传统web开发者熟悉的模板契合度更高，比如Vue的单文件组件是以模板+JavaScript+CSS的组合模式呈现，它跟web现有的HTML、JavaScript、CSS能够更好地配合。React 的特色在于函数式编程的理念和丰富的技术选型。Vue 比起 React 更容易被前端工程师接受，这是一个直观的感受；React 则更容易吸引在 FP 上持续走下去的开发者。

从使用习惯和思维模式上考虑，对于一个没有任何Vue和React基础的web开发者来说， Vue会更友好，更符合他的思维模式。React对于拥有函数式编程背景的开发者以及一些并不是以web为主要开发平台的开发人员而言，React更容易接受。这并不意味着他们不能接受Vue，Vue和React之间的差异对他们来说就没有web开发者那么明显。可以说，Vue更加注重web开发者的习惯。

实现上，Vue跟React的最大区别在于数据的reactivity，就是反应式系统上。Vue提供反应式的数据，当数据改动时，界面就会自动更新，而React里面需要调用方法SetState。我把两者分别称为Push-based和Pull-based。所谓Push-based就是说，改动数据之后，数据本身会把这个改动推送出去，告知渲染系统自动进行渲染。在React里面，它是一个Pull的形式，用户要给系统一个明确的信号说明现在需要重新渲染了，这个系统才会重新渲染。两者并没有绝对的优劣之分，更多的也是思维模式和开发习惯的不同。

两者不是完全互斥的，比如说在React里面，你也可以用一些第三方的库像MobX实现Push-based的系统，同时你也可以在Vue2.0里面，通过一些手段，比如把数据freeze起来，让数据不再具有反应式特点，或者通过手动调用组件更新的方法来做一个pull-based系统。所以两者并没有一个绝对的界限，只是默认的倾向性不同而已。

 

作者：人民邮电出版社
链接：https://www.zhihu.com/question/309891718/answer/1066629375
来源：知乎
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。
 

虽然Vue和React两者在定位上有一些交集，但差异也是很明显的。

Vue 使用的是 web 开发者更熟悉的模板与特性，Vue的API跟传统web开发者熟悉的模板契合度更高，比如Vue的单文件组件是以模板+JavaScript+CSS的组合模式呈现，它跟web现有的HTML、JavaScript、CSS能够更好地配合。React 的特色在于函数式编程的理念和丰富的技术选型。Vue 比起 React 更容易被前端工程师接受，这是一个直观的感受；React 则更容易吸引在 FP 上持续走下去的开发者。

从使用习惯和思维模式上考虑，对于一个没有任何Vue和React基础的web开发者来说， Vue会更友好，更符合他的思维模式。React对于拥有函数式编程背景的开发者以及一些并不是以web为主要开发平台的开发人员而言，React更容易接受。这并不意味着他们不能接受Vue，Vue和React之间的差异对他们来说就没有web开发者那么明显。可以说，Vue更加注重web开发者的习惯。

实现上，Vue跟React的最大区别在于数据的reactivity，就是反应式系统上。Vue提供反应式的数据，当数据改动时，界面就会自动更新，而React里面需要调用方法SetState。我把两者分别称为Push-based和Pull-based。所谓Push-based就是说，改动数据之后，数据本身会把这个改动推送出去，告知渲染系统自动进行渲染。在React里面，它是一个Pull的形式，用户要给系统一个明确的信号说明现在需要重新渲染了，这个系统才会重新渲染。两者并没有绝对的优劣之分，更多的也是思维模式和开发习惯的不同。

两者不是完全互斥的，比如说在React里面，你也可以用一些第三方的库像MobX实现Push-based的系统，同时你也可以在Vue2.0里面，通过一些手段，比如把数据freeze起来，让数据不再具有反应式特点，或者通过手动调用组件更新的方法来做一个pull-based系统。所以两者并没有一个绝对的界限，只是默认的倾向性不同而已。

以上回答摘自图灵社区对尤雨溪的访谈：《以匠人的态度不断打磨完善Vue》
以上回答摘自图灵社区对尤雨溪的访谈：《以匠人的态度不断打磨完善Vue》
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)

前端后端技术

前端技术vue和react区别html 的相关文章

  • 内联函数使用注意事项

    class TableClass private int I j public int add return I j inline int dec return I j int GetNum inline int tableclass Ge

  • uinapp发送和处理二进制数据流

    uinapp发送和处理二进制数据流 将二进制数据流转为json param Object buffer export function buffer to json buffer return JSON parse base64 decod

  • github学习记录目录

    说明 很久没有更新过CSDN了 一方面是因为图片上传和排版过于麻烦 另一方面是因为没有另一方面 懒狗一只 其实是放在GitHub了 CSDN里的东西也不想搬过去 权当重新开始学习啦 平时的学习记录均会不定时的上传到GitHub上 希望走过路

  • 【数据集】——SBD数据集下载链接

    简介 SBD Dataset 是一个语义边界数据集 其包含来自 PASCAL VOC 2011 数据集中 11355 张图片的注释 这些图片均基于 Amazon Mechanical Turk 其中分割之间的冲突均为手动解决 此外 每张图像

  • hadoop之hello world

    初学hadoop 这是第一个例子wordCount import java io IOException import java util StringTokenizer import org apach hadoop conf impor

  • 2022十三届蓝桥杯省赛赛时代码

    1478 14 应该就是取模问题 include

  • 刻章不要钱 5个在线印章制作工具

    俺的博客里的图片 还有网生代上俺写的文章很多都是用印章当作图片水印的 奇怪的是 怎么没人眼馋 有了现代科技 刻章其实很简单了 本文就介绍几个在线印章制作工具 一 MakePic印章生成器 允许输入2 4个汉字 可选择的字体有 经典繁印篆 经

  • 算法导论 学习笔记 第三章 函数的增长

    当输入规模足够大 要研究算法的渐近效率 即我们关心当输入规模无限增加时 在极限中 算法的运行时间如何随着输入规模的变大而增加 主要使用以下渐近记号描述算法的运行时间 1 记号 给定一个函数g n 用 g n 表示以下函数的集合 若存在正常量

  • python之路-untitest单元测试框架组件使用详细介绍

    文章目录 unittest xmind思维导图 UnitTest介绍 TestCase TestSuite TextTestRunner TestLoader TestSuite和TestLoader的使用区别 小结 Fixture 方法级

  • 北京政府占股扶持机构

    1 北京中关村发展集团股份有限公司 2 北京中海投资管理有限公司 http www zhtzgl cn 3 北京首都科技集团有限责任公司 4 亦庄国际 http www etowncapital com zjtz columnsId 40

  • Linux线程知识总结

    1 编程头文件

  • react-实现页面跳转

    Link a标签 需设置path属性 值为路径 点击后会跳转到指定的路径 Router 用来包裹整个组件 Route 指定对应路径所展示的组件 Route写在哪里组件就展示在哪里 路由会给组件提供history属性 在this props里

  • Transformers训练预处理datasets出现Socket Timeout

    原因 ddp的时候默认等待时间是1800s 如果超出这个时间程序就会退出 解决方法 更新transformers库 低版本不支持如下方式 并添加参数 ddp timeout 3600 这里3600s只是demo 具体根据自身程序来设置

  • 手把手前端入门笔记之vue-element-admin-01

    前言 本文主要为vue element admin框架的入门教程 本人2年后端开发经验 想自学前端转全栈工程师 听着就好酷 直接上手实战应该是入门前端最快的方式了 在此记录下学习过程 希望可以对初学者有所帮助 如有错误或未考虑完全的地方 望

  • 以太坊使用puppeth工具

    puppeth源于官方的项目编译后 https github com ethereum go ethereum即可得到要得到的内容 只想用工具 不想自己编译 博主编译了一份所有的工具都有 下载 https download csdn net

  • LeetCode题目笔记——面试题 01.03. URL化

    文章目录 题目描述 题目难度 简单 方法一 替换空格 代码 Python 方法二 构造新字符串 代码 Python C 方法三 将 20插入到原字符串中 总结 题目描述 URL化 编写一种方法 将字符串中的空格全部替换为 20 假定该字符串

  • Weblogic 12c 集群环境搭建

    本文是在windows7操作系统下配置的 jdk版本1 7 weblogic版本12 1 3 0 0 搭建集群前的规划 其中AdminServer是总控制端 server1 server2 server3是集群中的三个服务节点 其中Admi

  • vue2 new Date() 转换为年月日时分秒以及星期几(padStart补零) - 附完整示例

    new Date 效果 2022年07月12日 星期二 17 19 29 一 new Date 在vue2中使用new Date 转换为年月日时分秒以及星期几 padStart补零 二 使用步骤 1 data中声明定时器以及在methods

  • Sketch装机必备！10款Sketch 插件使用率超高！

    本文给大家推荐和整理了 10款 使用率超高的 Sketch 插件 Sketch 是一款深受 UI 设计师欢迎的 UI 设计工具 由于其轻便的格式 简洁的 UI 界面操作 很快风靡 UI 设计行业 其 Sketch 的插件尤为强大 可谓是让

随机推荐

  • matlab练习程序（线性分类器<最小二乘>）

    clear all close all clc num 4 元素数量 k 180 迭代次数 step 0 1 迭代步长 w 1 0 5 1 1 权值 x 1 0 0 输入的值 每行为一组 1 1 0 1 0 1 1 1 1 d 1 0 1

  • 两种产生随机数的方式之间的对比（Math.random()方法 和 Random类）

    在实际开发中 产生随机数的使用很普遍 而在JAVA中主要提供了两种方式产生随机数 其一 调用Math类中的random 方法 其二 使用Random类 一 Math random 方法 基本概述 这个方法能够产生在 0 0 1 0 之间的随

  • VueCli3+vue2.6兼容ie11

    一 首先确定babel polyfill版本号 babel polyfill 7 4 0以前使用babel polyfill 之后使用core js stable 和 regenerator runtime 可参考官方文档babel pol

  • Redis报错 Creating Server TCP listening socket 127.0.0.1:6379: bind: No error

    cmd窗口输入 redis server exe redis windows conf 报错 Creating Server TCP listening socket 127 0 0 1 6379 bind No error 解决方法 cm

  • 【毕业设计】图像处理-毕业设计-相关题目-含matlab源代码

    毕业设计 0001 基于图像处理的一维条形码识别 含MATLAB源码 毕业设计 0002 一种图像中值滤波 边缘检测 hough变换检测直线的用户界面开发 含matlab源代码 如有疑问 可私信博主 持续更新中

  • java文档注释的基本认识

    Java 程序员都应该知道 JDK 开发最好的帮助信息就来自 SUN 发布的 Java 文档 它分包分类地提供了各方法 属性的帮助信息 具有详细的类树信息 索引信息等 并提供了许多相关类之间的关系 如继承 实现接口 引用等 Java 文档全

  • 【JUC】浅析ConcurrentLinkedQueue

    JUC 浅析ConcurrentLinkedQueue 文章目录 JUC 浅析ConcurrentLinkedQueue 一 前言 二 ConcurrentLinkedQueue的结构 三 入队列 3 1 入队列的过程 3 2 定位尾节点

  • 联想笔记本使用linux时不能连接WiFi

    1 每次开机不能使用无线网 输入 rfkill list 发现ideapad laptop处于blocked yes状态 使用以下命令解除锁定便可以使用wifi sudo modprobe r ideapad laptop 2 将ideap

  • IO会一直占用CPU吗？一个很好的关于并发/并行系统的问题（转）

    这是一个很好的关于并发 并行系统的问题 简单回答就是 IO所需要的CPU资源非常少 大部分工作是分派给DMA Direct Memory Access 直接内存存取 完成的 先不谈传统的5大IO模型 先说说并发 Concurrencey 一

  • cmake学习（一）静态库与动态库构建

    http blog sina com cn s blog 5413483701016br0 html so 共享库 shared object 节省空间 在运行时去连接 如果执行机器上没有这些库文件就不能执行 a 静态库 archive 静

  • 【端口转发】内网端口转发

    0x001 lcx使用 1 肉鸡上执行 lcx exe slave 公网 ip 端口 肉鸡 ip 端口 例如 lcx exe slave xxx xxx xxx xxx 10000 127 0 0 1 3389 意思是把肉鸡的 3389 端

  • 正则表达式相关知识总结记录（日常开发）

    文章目录 正则表达式相关知识总结记录 日常开发 常用正则表达式 正则表达式 1 1正则表达式 数量词 1 2 正则表达式 字符类 1 3 正则表达式 逻辑运算符 1 4 正则表达式 预定义字符 1 5 忽略大小写的写法 1 6 贪婪爬取和非

  • Iterable接口源码理解

    文章目录 前言 一 概述 二 源码理解 包 Iterable接口 Iterable方法 iterator forEach spliterator 总结 前言 本文章帮助大家对Iterable接口的理解 一 概述 Iterable意为可迭代的

  • 如何测试服务器性能?

    服务器的稳定性对我们来说是最重要的 如果在性能方面不能够保证业务运行的需要 那么相当于白白浪费钱 今天壹基比 小鑫来为大家讲解从以下角度来进行服务器性能的测试 稳定性测试 已知系统高峰期使用人数 各事务操作频率等 设计综合测试场景 测试时

  • 单双稳态继电器的区别

    本文属于属于转载 单稳态继电器 Monostable relay 和 双稳态继电器 Bistable relay 区别 单稳态继电器 Monostable relay 继电器正常运行时控制电压掉电 触头动作 并在电压恢复时又重新恢复到控制电

  • Viso制作循环流程图(含实例步骤制作)

    本博文源于Viso流程图绘制学习 旨在讲述如何用Viso构建出循环流程图 其中循环流程图分为当型循环和直到型循环 传统流程图的符号 选择循环结构的一般原则 情况 选择结果 循环次数已知 计数控制的循环结构 循环次数未知 循环的次数由一个给定

  • Windows XP下vs2010中配置OpenCV2.4.3

    1 从http sourceforge net projects opencvlibrary files opencv win 2 4 3 下载OpenCV2 4 3 2 将OpenCV 2 4 3 exe放到D Soft OpenCV2

  • C语言典型例题1——水仙花数

    水仙花数 水仙花数的含义 水仙花数 是一个三位数其各位数字的立方和等于该数本身 例如 153 111 555 333 算法分析 把给出的某个三位数的个位 十位 百位分别拆分 并求其立方和 设为sum 若sum与给出的三位数相等 则为 水仙花

  • 宝塔快速搭建网站

    服务器搭建网站完整教程 宝塔面板 wordpress 纵横数据 纵横数据云计算 www 155cloud com 40 人赞同了该文章 服务器最大的用途 就是可以搭建网站 许多人都认为搭建网站是一件很难的事情 因为包含许多的比较专业东西 比

  • 前端技术vue和react区别html

    作者 人民邮电出版社 链接 https www zhihu com question 309891718 answer 1066629375 来源 知乎 著作权归作者所有 商业转载请联系作者获得授权 非商业转载请注明出处 虽然Vue和Rea

热门标签