vue 和 react的对比

2023-11-08

vue 比react的优缺点

在这里插入图片描述

对比1 github 全球开发者星星点赞数量

在这里插入图片描述
在这里插入图片描述
此数据结果摘取于 2021年3月份
结论 vue 胜出 尤雨溪一个人撑起一个生态 战胜高手林立的巨头公司facebook 相当的传奇!!

对比2 React VS Vue: 性能

在这里插入图片描述
React:
它有一个轻量级的 virtual DOM,并且不是特定于浏览器的。这是 React 与 virtual DOM 一起得到普及的主要原因,它消除了效率低下的问题。
Vue:
Vue 也使用了虚拟 DOM,但是与 React 相比提供了更快的性能。它还确保了无错误的性能。

平分秋色
vue3.0 之后 vue用的是 javascript官方提供的引擎 和以前提供的引擎 新引擎叫做proxy 旧引擎叫做
objectdefinepropotrty vue3.0之后 vue因为用的是官方双引擎 变相等于 尤雨溪是站在巨人的肩膀上工作 所以说 vue3.0 的性能实际上要比react强的!!!

对比3 社区支持

React:
英文社区比较发达,多为国外工程师交流 react的中文网缺斤少两 中国人运营!
Vue:
它是由 Google 前工程师开发的,但没有任何顶级公司的支持,这会导致它缺乏可靠性,以及在市场上的推广。但是 Vue 意外的获得了开发人员的欢迎和支持,使它克服这一障碍。 Vue 自己创建了社区支持。中文官网是技术文档里 独一档写的详细 最好的的!

社区支持对于中国人来说 vue完胜!!

对比4 框架大小

React 比 Vue.js 略大。 React 大约为 100 KB,Vue 的为 80 KB。框架和库的大小可能会对软件开发项目产生重大影响。
React 需要某些其他库的支持,其中一是路由。它的小尺寸非常适合轻量级应用。 Vue 的会甚至更小,使其更适合轻量级应用。

这一点vue 胜出

对比5 学习曲线 学习性价比

vue :
vue是渐进式的框架 学习曲线是出了名的平稳 也是迅速火遍全球的原因 最佳实践都写在vue超级引擎模板上 不和你藏着掖着 最佳实践明晃晃的在你眼前

react:
react的学习曲线比 vue陡峭 比angular平稳 没有最佳实践, 一种方案多种解决办法。

学习曲线 学习性价比 vue胜出

对比6 灵活性

React:
非常灵活 比如css写法很多种 状态管理很多种 react class写法很多种 又改成hooks钩子写法 函数式编程 总之喜欢同样的实现页面 让你有多种多样的写法 甚至有几十种hello world的写法 茴香豆的四种写法
vue :
写法遵循最佳实践,不给你多种选择困难症 给你一套最佳实践让你去闯荡江湖 很像古龙小说中的圆月弯刀丁鹏刚开始学的天外流星.

对比7 安全性

在这里插入图片描述
在这里插入图片描述
法律文书通常比较拗口,这段的大意:如果你向Facebook及其子公司和其他相关实体发起专利诉讼,或者对其他使用React的公司发起专利诉讼,或者如果Facebook主动起诉你,你以反诉应对,你使用React的许可证将自动终结。
翻译成人话就是,如果你觉得Facebook侵犯了你的知识产权,你不能起诉Facebook!Facebook起诉你,你也不能反诉!因为在起诉的同时你的产品就挂了——你不可以继续用React了。
再直白一点:如果你在你的产品里用到了React,哪怕只有一点点,你对于产品所拥有的知识产权也等于直接送给Facebook免费用。

你创立了一家科技公司,React用得很爽,产品开发很快,公司越做越大;突然有一天Facebook做了个跟你一模一样的产品,你不能起诉它,因为在你起诉的同时你的产品就等于挂了,因为Facebook撤回了允许你使用React的授权。

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

安全性和专利 开源协议上 vue完胜

对比8 写法上

vue hello world

vue hello world写法 vue遵循官方规范 骨架 html样式css 行为javascript 分离 vue自己不夹带私活

1 vue 明确说了 过去 今天 将来 开源协议 不会坑开发者 react有过前车之鉴
2 vue的双向数据绑定的引擎 直接用的就是 官方提供的双引擎 性能超强 react是自己实现了一套自己的 为了适合JSX
3 vue 严格遵守官方 骨架html 样式css 行为 js 分离 react用的是jsx语法 是后端模板引擎的一种语法 参考PHP JSX express ejs 不遵守官方规范

在这里插入图片描述

react hello world
第一种写法 react 自己夹带私活 发明了一种 不是官方的语言 从后端php演化过来的JSX语法
在这里插入图片描述

第二种写法
在这里插入图片描述

第三种写法
在这里插入图片描述

第四种写法
在这里插入图片描述

第五种写法 jsx + createElement
在这里插入图片描述

第六种写法 两个组件 叠加方式
在这里插入图片描述

第七种写法
在这里插入图片描述

对比9 js技术精进上

vue 上手容易 学习曲线平滑 但是精通vue 也是相当难的 上限极高!精通vue 可以拿到一个很高的工资

react 上手坡度比vue陡峭 写法千奇百怪 几乎javascript的所有写法特性 class 函数式 以及其他各种奇淫技巧都可以用在react上面。 这某种程度有可能也让你javascript玩得比较溜 但是这种说法也是具有争议的。因为 编程的世界里 不缺千奇百怪的写法 缺的是最佳实践!

总结
学习vue 是快速能让转行的你 几个月的学习快速上手 能去企业干活的主力框架

社区认识
在这里插入图片描述

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

vue 和 react的对比 的相关文章

  • KITTI数据集之点云地图构建

    本文描述了如何通过KITTI数据集 读取激光雷达点云数据 并通过ground truth 对前后两帧点云进行旋转变换 使得二者统一坐标系 不断叠加点云进行点云建图的过程 使用的是KITTI odometry中的07号数据集 其主要内容包括
  • android BSP

    HAL 硬件抽象层 BootLoader 硬件初始化管控 Linux Device Driver Linux 内核驱动
  • Macbook pro搭建unbutu18.04的步骤(省钱又实惠)

    第一步 下载parallels desktop 链接 https pan baidu com s 17Bqw0rWezrfOMLZqTaImag 密码 h0z5 注意 在线下载 离线安装 省钱省事 永久自动激活 小编花了十块钱 第二步 运行

随机推荐

  • AppsFlyer 研究(二)应用内事件

    一 记录应用内事件 应用内事件可助您深入了解应用里正在发生的事 我们建议您花些时间定义要记录的事件 记录应用内事件有助于您衡量KPI 例如ROI 投资回报率 和LTV 生命周期价值 有几种方法可以记录应用内事件 最常见的方法是通过我们在本文
  • Activiti7工作流+idea2021监听器法器的使用

    法器 这次需要个好宝贝 4 监听器 工作流的开头都是创建bpmn文件 注意一点细节问题 需要加监听器了 首先我们得有一个监听器 package listener import org activiti engine delegate pub
  • 2023年电赛---运动目标控制与自动追踪系统(E题)关于网友的问题回复

    如果有嵌入式企业需要招聘校园大使 湖南区域的日常实习 任何区域的暑假Linux驱动实习岗位 可C站直接私聊 或者邮件 zhangyixu02 gmail com 此消息至2025年1月1日前均有效 前言 1 各位私信问问题之前 看看自己的问
  • prometheus监控docker容器实战

    1 cAdvisor介绍 要监控docker状态 需要使用一个软件cAdvisor cAdvisor Container Advisor 是Google开源的容器资源监控和性能分析工具 它是专门为容器而生 可以用于收集正在运行的容器资源使用
  • 企业级日常巡检脚本的编写

    1 系统信息 1 1 操作系统类型 查看操作系统类型命令为 uname 例 root host 134 uname Linux 定义变量 os type uname 1 2 操作系统版本号 查看操作系统版本号命令为 cat etc redh
  • 【论文阅读】Learning Spatio-Temporal Representation with Pseudo-3D Residual Networks

    论文阅读 Learning Spatio Temporal Representation with Pseudo 3D Residual Networks 虽然这是一篇17年ICCV的论文 但是这篇论文里没有使用kinetics数据集 可能
  • 在UFT中使用描述性编程

    在 UFT 中使用描述性编程是一个提高UFT脚本利用率的很好的方式 通常UFT是通过对象库来识别不同的对象 而描述性编程是UFT另外一种能够识别对象的途径 它不依赖于对象库 通过增加一些对象的描述来识别对象的 说明 本例子是以Flight飞
  • 一个问答机器人模型该如何构建

    构建一个问答机器人模型 通常需要以下步骤 准备数据 需要大量的问题和答案对 以供模型学习 预处理数据 可能需要对数据进行分词 词性标注 去停用词等操作 以便输入模型进行训练 选择模型类型 常用的问答机器人模型类型有基于知识库的模型 基于生成
  • 网工学习笔记

    1 什么是IP地址 IP地址 Internet Protocol Address 互联网国际地址 是一种在Internet上的给主机编址的方式 它主要是为互联网上的每一个网络和每一台主机分配一个逻辑地址 以此来屏蔽物理地址的差异 IP地址就
  • APP脱壳之MDEX的使用步骤

    并不是每一个APP都会加壳 根据以往的经验 一般情况下加壳的有两种情况 第一种是像360公司 腾讯 百度这些公司 他们有自己的加壳技术 就会给自己需要加壳的产品都会加壳 第二种是普通APP 包括但不限于一些色情类的 或者其他用户体量不大的A
  • Cuda 学习教程六:执行模型

    Cuda 学习教程六 执行模型 今天看到一篇讲解CUDA模型的文章 很不错 转载记录一下 CUDA编程4 执行模型 上
  • 雨滴桌面插件大全_电脑技巧之桌面美化,字体美化,透明效果全都有

    Windows技巧 桌面美化篇 电脑的日常使用中 相信百分之九十九的玩家的电脑显示得最多的不是游戏也不是办公软件 而是桌面 一个干净整洁甚至是漂亮的桌面能够大幅度提高电脑日常使用的幸福感 今天我就来分享一下电脑的桌面美化软件 1 字体美化
  • 解决缺少api-ms-win-crt-runtime-

    答主在安装MongoDB的时候 遇到了api ms win crt runtime 1 1 0 dll的问题 历经两天时间终于解决 下面是我的解决历程 首先是这个图 这个是因为没有微软的visual2015c 运行库环境 需要安装 地址 h
  • 刷脸识别改变支付零售日常生活

    据对相貌特征信息的生物辨认技能促就了刷脸付的诞生 并且付宝官方力推刷脸付旨在替代了扫码付出 当然新型的刷脸付款方式关于很多人仍是比较忧虑的 觉得会存在必定安全隐患 那么刷脸付安全吗 有保证吗 那么下面就来解答大家所忧虑的刷脸付安全性问题 早
  • webpack打包入口指定某文件夹内所有js作为入口文件

    webpack config js webpack config js const path require path const glob require glob module exports 指定 packs 文件夹下的 js 文件作
  • Navicat连接MySQL时弹出:1045:Access denied for user ‘root’@’localhost’

    错误原因 当登录MySQL数据库出现 Error 1045 错误时 表明你输入的用户名或密码错误被拒绝访问了 也可能是你的账号不允许从远程登录 只能在localhost本地登录数据库 解决办法如下 用管理员权限打开cmd 并且cd进入mys
  • 点云读取加速c++ ASCii 模式ply 或者txt

    相较于Qt Qtextstream的性能提升十倍 本文点云格式特殊 有需要自行修改即可 QFile dataFile fileName bool ret dataFile open QIODevice ReadOnly QIODevice
  • 浅谈JS的微任务和宏任务(附加面试题)

    Event Loop 因为JS是单线程 就是说 同一个时间只能做一件事 为了协调事件 用户交互 脚本 UI 渲染和网络处理等行为 防止主线程的不阻塞 Event Loop 的方案应用而生 掌握知识点 JS分为同步任务和异步任务 同步任务都在
  • (C语言)指针初识(1)——指针概念及指针类型

    指针 看似是一个令人头疼的问题 静下心来慢慢学习 指针这个主题 分成了几个的板块 比较多 耐心看完 一定会有收获啦 慢慢来 总是需要一个循序渐进的过程 目录 一 什么是指针 二 指针和指针类型 指针类型的意义 结论1 结论2 一 什么是指针
  • vue 和 react的对比

    vue 比react的优缺点 对比1 github 全球开发者星星点赞数量 此数据结果摘取于 2021年3月份 结论 vue 胜出 尤雨溪一个人撑起一个生态 战胜高手林立的巨头公司facebook 相当的传奇 对比2 React VS Vu