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 是快速能让转行的你 几个月的学习快速上手 能去企业干活的主力框架

社区认识

vue 和 react的对比相关推荐

  1. 为什么我们放弃了 Vue?Vue 和 React 深度对比

    我使用 Vue 和 React 已经很长一段时间了,两个框架上实践代码量都在 10 万行以上.不得不说两者都是很 nice 的,帮助开发者减少很多工作量,这类框架是现代化前端开发必备的.然而 Vue ...

  2. Vue于React特性对比(三)

    最近重学React,再次和vue做了对比. 一,为官方插件提供便利的第三方插件横行 React仅仅是一个ui框架.虽然官方提供了redux,react-router:但也有第三方的redux-thun ...

  3. web前端 vue、react、angular三大框架对比 与jquery的对比

    前端当前最火的三大框架当属vue.react以及angular了. 但是在做项目的时候,我们怎么去选择呢?  这里做一个比较,希望大家可以有一个比较清晰的认识. vue与react vue和react ...

  4. react map循环生成的button_关于Vue和React的一些对比及个人思考(中)

    vue和React都是目前最流行.生态最好的前端框架之一.框架本身没有优劣之分,只有适用之别,选择符合自身业务场景.团队基础的技术才是我们最主要的目的. 博主1年前用的是Vue框架,近半年转技术栈到R ...

  5. 深度对比学习Vue和React两大框架

    作为国内应用最广的两个框架,Vue 和 React 是前端必须掌握的内容,也是面试的重点.但大多数读者都只擅长其中一个框架,当面试涉及到另一个框架的内容时,就答不好了. 比如虚拟dom,两个框架中都有 ...

  6. vue和react的diff算法对比

    vue和react的diff算法,都是忽略跨级比较,只做同级比较.vue diff时调动patch函数,参数是vnode和oldVnode,分别代表新旧节点. vue比对节点,当节点元素类型相同,但是 ...

  7. 对vue与angular和react的对比

    概念:vue是一个构建数据驱动的web界面的渐进式框架,它的目标是通过尽可能简单的API实现响应的数据绑定和组合的视图组件 vue对比angular 1.vue在设计之初参考了很多angularjs的 ...

  8. Vue与React两个框架的区别和优势对比

    Vue与React两个框架的区别和优势对比 Vue和React两个JavaScript框架都是当下比较受欢迎的,他们两者之间的区别有哪些,各自的优缺点是什么,本文将为你呈现. 我已经写出了两个几乎一样 ...

  9. 监听输入 vue_深度对比vue与react创建APP的差别,值得收藏

    你是否尝试过使用前端主流框架 Vue.js 和 React 来创建同一个 App?相比之下,哪种更好呢?今天在WEB明教社区看到这样一篇文章,分享给大家,如果对大家有帮助,请给个小红心,搬砖不易... ...

最新文章

  1. 视频批量转换为FLV的软件开发总结(1)——思想总结篇
  2. 计算机视觉专业术语总结:构建计算机视觉的知识体系
  3. 数据脱敏的 6 种方案
  4. 一篇小黄文牵出国内最大黑产
  5. Binding(三):资源和ValueConverter
  6. java arraylist排序_最全Java集合笔记
  7. 开博了,喜欢这里的气氛
  8. 分享一个非常 nice 的工具
  9. ios 后台唤醒应用_苹果不用背锅了!微信被杀后台是因为“耍流氓”?用户该听谁的?...
  10. linux下安装sqlite3
  11. 解决vscode打开txt文件乱码
  12. CSS 布局案例:不会还有人不会布局吧
  13. 从Transformer到ViT再到MAE
  14. ssm南工二手书交易平台毕业设计源码172334
  15. 运行kaldi中遇到的问题总结
  16. Linux设备驱动---OMAP3630 Linux I2C总线驱动分析(2)
  17. H3C交换机基础查询命令
  18. 学习Linux目录和文件管理
  19. SpringMVC一:概述、环境搭建及开发流程
  20. 【第十八篇】Flowable之多人会签

热门文章

  1. ExtJs 第二章,Ext.form.Basic表单操作
  2. 数据库表的映射与java类映射处理
  3. 【转载】Android 面试总结
  4. linux下查看opencv安装路径以及版本号
  5. [C语言数据结构]栈
  6. RabbitMQ宕机后,消息100%不会丢失吗
  7. mp3播放器 遍历本地音乐显示在listview上,点击每一项item并传送音乐地址
  8. 计算机考研复试之英语口语面试
  9. G120变频器准备就绪和运行指示信号解析
  10. Error unpacking rpm package initscripts解决方案