一、序言

现在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. Vector 特性

    1.Vector是一个连续内存占用的容器 2.每次Insert,都会将插入的对象先析构,然后复制一个副本添加到容器内 3.容器的大小先是1,然后是2,然后是4,也可以使用reserve来重新制定队列的 ...

  2. FFPLAY的原理(五)

    创建线程 Spawning Threads Overview Last time we added audio support by taking advantage of SDL's audio f ...

  3. PhpStorm服务激活

    日期 服务地址 状态  2018-03-15  http://idea.singee77.com/  使用中

  4. HTML5学习系列之表单与文件

    article元素 article元素代表文档.页面或应用程序中独立的.完整的.可以独自被外部引用的内容.它可以是一篇博客或报刊中的文章.一篇论坛帖子.一段用户评论或独立的插件,或者其他任何独立的内容 ...

  5. SOFA 源码分析— 事件总线

    前言 大部分框架都是事件订阅功能,即观察者模式,或者叫事件机制.通过订阅某个事件,当触发事件时,回调某个方法.该功能非常的好用,而 SOFA 内部也设计了这个功能,并且内部大量使用了该功能.来看看是如 ...

  6. CSS 静态进度条效果

    今天学习到了实现一个静态进度条的方法,固写一篇笔记稳固一下自己的知识. 最终的效果如下,进度条放在一个框里,水平宽自适应. 现在就开始,首先写一个进度条先. .progress-bar{ /* 进度条 ...

  7. arcEngine开发之加载栅格数据

    加载数据思路 在Engine中加载各种各样的数据都是通过这样的格式 IWorkspaceFactory pWorkspace = new IWorkspaceFactory(); IWorkspace ...

  8. 洛谷 P3177 树上染色 解题报告

    P3177 [HAOI2015]树上染色 题目描述 有一棵点数为\(N\)的树,树边有边权.给你一个在\(0\) ~ \(N\)之内的正整数\(K\),你要在这棵树中选择\(K\)个点,将其染成黑色, ...

  9. Eclipse开发前,常用设置

    设置工作空间的项目编码, 防止出现乱码    Window - Preferences - General - Workspace    将"Text file encoding" ...

  10. 【转】Sentry介绍

    Sentry 是一个开源的实时错误报告工具,支持 web 前后端.移动应用以及游戏,支持 Python.OC.Java.Go.Node.Django.RoR 等主流编程语言和框架 ,还提供了 GitH ...