一、序言

现在web开发最火的两个框架,react和vue。听起来就感觉很牛逼的样子。确实,不得不服,创造出这2种框架的人真的是牛逼。不过更牛逼的是为这2中框架不断完善的人。一个优秀的idea,会在很短的时间内被孵化、不断完善,这就是互联网的魅力。

好了,闲话不多说,我们进入正题。如果想看结论的,直接点击  这里  吆!

二、react 、 vue 、 我

在讨论这两个框架之前,先和广大朋友们说清楚。本博客不掺杂太多的主观色彩,完全从个人工作中的使用情况和大家谈着2中框架。

先简略交代一下我对这两个框架的接触过程(可以直接跳过)

因为以前都是 angularjs 开发,所以,我第一个接触的是 vue 。数据绑定等众多相似之处,让我下意识的就选择了他。但是很可惜,那会网上资料不多,而且还是1.0版本,再加上工作中没有项目需要,我只是研究过一段时间的文档,并没有具体的项目开发。os:遗憾

后来,因为工作的需要,直接接触 react 做公司的OA系统。刚接触的时候,说实话, react 的 语法让你很难受,开发起来报错频繁,所以上手颇难,但是熟悉之后发现,react开发真的是好用,而且他的社区超级庞大,各种优秀的团队开发了很多现成的东西,为你的开发节省了大量时间。这里吐槽一下,80%的程序猿用代码,只有20%的程序猿在创造代码。不过这也是无奈之举,毕竟,作为一名员工第一职责是快、准、好的完成工作。os:没有面包,怎么谈理想。

不过,还是强烈建议大家,有时间,多在网上交流,分享一下自己的想法。互联网之所以强大,程序猿之所以工资高。离不开大家的分享的。都闭门造车,迟早会完蛋的。无论你水平高低,精心准备的东西,总会对别人产生帮助。

说多了,我们继续!自打用了react之后,博主就一种用,但是只是局限于中后台的管理系统。后来因为工作需要做手机页面的单页webapp,博主实现做了不少调查。发现手机端的单页应用还是 vue 比较好。原因有很多。咱们慢慢聊:

(1)我发现 vue2.0 特别厉害,react能做的,他都能做,功能上没什么差别,以前的许多bug都已经修改过了。os: 官方很强大啊,社区也厉害

(2)vue 文档超级详细,真的是小白入门宝典。直接度给你100年功力的那种,很详细。

(3)vue 的 动画过度效果很好。文档详细,效果牛逼,还能很方便的引入插件。

(4)vue 上手简单,真的很简单,很大程度上依赖于开发者对 HTML变成的习惯,以及 对 angularjs 的熟悉。贴别是数据绑定。

    再就是数据驱动的理念好理解,开发者只需要关注数据,其他工作都是vue帮你完成了,所以感觉简单。

(5)vue 小巧、轻便。vue生产环境的压缩包很小20多KB,脚手架可定制,对项目开发哈市很友好的。

总之,看到他有那么多有点之后,我就用了,因为世界代码是一家,我有react的开发经验,学习vue可以说是很轻松,他们的思想。实现方式很多地方都是共同的。

三、vue、react 与 项目框架选择

再次声明,以下观点,纯属个人感受,不代表任何官方意见

我以工作中的体会,来和大家分享着2个框架的选择

  1. vue 适合 webapp,适合做用户交互多、各种动态效果变化丰富的应用。特别是PC、手机的网页版 商城等页面。

    原因: vue 实现逻辑复杂的功能比较简单,跟写js似的,而且一些效果、过度感觉很舒服。社区这部分资源也比较多、

2. react 适合 oa系统,适合 大批量的数据展示、适合做大型应用。特别适合公司的后台操作系统。

    原因: react 对那种比较复杂的交互,实施起来比较麻烦,没有vue那么方便。再就是他的渲染原理是渲染整个组件树(除非你做详细设置),所以,一方面费性能,而且代码写起来,逻辑很复杂。但是react对批量数据操作很厉害

3. 涉及到混合开发,我个人觉得看情况。纯H5的混合, 用 reactNative ;如果50%左右那种,vue+react都可以,具体情况分析吧;10%那种,啥也别用了,直接html+js接入页面。

总结:

  我个人是 做OA就用 react; 做 webapp,一般用vue,交互复杂得用,交互不复杂,及时项目比较简单,还是得用vue。APP开发,就看情况了。

网上各种迷粉各种喷的,受不了,有啥用。哔哔一大顿,不如帮人家解决个问题来的实在。这里都是我的一家之言,若有纰漏之处,或者言论错误,还希望大家指出。(喜欢我博客的可以关注我,后期会不定时发 vue、react的开发教学博客)

react VS vue 我们究竟该如何选择(从项目的角度帮你分析)的更多相关文章

  1. [译] 2017 年比较 Angular、React、Vue 三剑客

    原文地址:Angular vs. React vs. Vue: A 2017 comparison 原文作者:Jens Neuhaus 译文出自:掘金翻译计划 本文永久链接:github.com/xi ...

  2. React 还是 Vue: 你应该选择哪一个Web前端框架?

    学还是要学的,用的多了,也就有更多的认识了,开发中遇到选择的时候也就简单起来了. 本文作者也做了总结: 如果你喜欢用(或希望能够用)模板搭建应用,请使用Vue    如果你喜欢简单和“能用就行”的东西 ...

  3. 前端框架:react还是vue?

    之前写了一篇前端框架的大汇总,主要介绍了当下主流的框架和其特性.最近除了bootstrap,就属react和vue最为热门,这篇就主要拿这两个框架来做一下详细对比. 究竟如何正确使用?作为小白的我们从 ...

  4. 【总结】前端框架:react还是vue?

    之前写了一篇前端框架的大汇总,主要介绍了当下主流的框架和其特性.最近除了bootstrap,就属react和vue最为热门,这篇就主要拿这两个框架来做一下详细对比. 究竟如何正确使用?作为小白的我们从 ...

  5. react构建淘票票webapp,及react与vue的简单比较。

    前言 前段时间使用vue2.0构建了淘票票页面,并写了一篇相关文章vue2.0构建淘票票webapp,得到了很多童鞋的支持,因此这些天又使用react重构了下这个项目,目的无他,只为了学习和共同进步! ...

  6. Jerry的碎碎念:SAPUI5, Angular, React和Vue

    去年我去一个国内客户现场时,曾经和他们IT部门的一位架构师聊到关于在SAP平台上进行UI应用的二次开发时,UI框架是选用UI5还是Vue这个话题. 我们代表SAP, 向客户推荐使用UI5是基于以下六点 ...

  7. 2017 年比较 Angular、React、Vue 三剑客(转载)

    为 web 应用选择 JavaScript 开发框架是一件很费脑筋的事.现如今 Angular 和 React 非常流行,并且最近出现的新贵 VueJS 同样博得了很多人的关注.更重要的是,这只是一些 ...

  8. SPA框架 Angular、React、Vue

    指尖前端重构(React)技术调研分析   摘要:重构前的技术文档调研与分析,包括技术选型为什么选择react,应用过程中的注意事项等. 一.为什么选择React React是当前前端应用最广泛的框架 ...

  9. WijmoJS V2019.0 Update2发布:再度增强 React 和 Vue 框架的组件功能

    前端开发工具包 WijmoJS 在2019年的第二个主要版本 V2019.0 Update2 已经发布,本次发布涵盖了React 和 Vue 框架下 WijmoJS 前端组件的功能增强,并加入更为易用 ...

随机推荐

  1. JavaScript遍历XML总结

    1:读取服务器端xml(注意不同浏览器版本的区别),使用XML可以增强系统的扩展性,只用修改XML就可以实现增加减少功能的目的. function loadXMLDoc1(dname){     if ...

  2. 详解URL的组成

    很久很久以来,我对浏览器地址栏的信息了解的甚少,只知道域名(估计不知道是这么叫).唉...真是很汗颜啊!在软件专业都混了两年了,还是个菜鸟.说真的,有的时候觉得计算机这个领域真的真的有太多的东西要学了 ...

  3. python常见模块之time,datetime模块

    一.time模块 time模块提供了一些用于管理时间和日期. time模块中时间的表现形式有三种: format_string  格式化的字符串 struct_time     结构化时间 times ...

  4. Kali Linux信息收集工具

    http://www.freebuf.com/column/150118.html 可能大部分渗透测试者都想成为网络空间的007,而我个人的目标却是成为Q先生! 看过007系列电影的朋友,应该都还记得 ...

  5. python3学习笔记4---引用http://python3-cookbook.readthedocs.io/zh_CN/latest/

    2018-03-01数据结构与算法(4) 1.16过滤序列元素 最简单的过滤序列元素的方法就是使用列表推导.比如: >>> mylist = [1, 4, -5, 10, -7, 2 ...

  6. gradle 将依赖打入Jar包的方法

    使用的是IDEA,直接引入 plugins { id 'com.github.johnrengelman.shadow' version '1.2.3' } 放在build.gradle的最上面,然后 ...

  7. C# 数据库链接字符串加密工具

    有些项目尤其是WinForm或者是WPF项目,针对一些工具形式的小项目,不想软件流出去之后,懂程序的的拿到手之后一看配置文件就知道了我们数据库的用户名和密码,如果外网能访问的话,那就麻烦大了.所以这里 ...

  8. php判断图片是否存在的几种方法

    在我们日常的开发中,经常需要用到判断图片是否存在,存在则显示,不存在则显示默认图片,那么我们用到的判断有哪些呢?今天我们就来看下几个常用的方法: 1.getimagesize()函数 getimage ...

  9. Scrapy爬取豆瓣电影top250的电影数据、海报,MySQL存储

    从GitHub得到完整项目(https://github.com/daleyzou/douban.git) 1.成果展示 数据库 本地海报图片 2.环境 (1)已安装Scrapy的Pycharm (2 ...

  10. springboot集成rabbitmq(实战)

    RabbitMQ简介RabbitMQ使用Erlang语言开发的开源消息队列系统,基于AMQP协议来实现(AMQP的主要特征是面向消息.队列.路由.可靠性.安全).支持多种客户端,如:Python.Ru ...