react和vue的开发感想

在心宠和金蝶任职的过程中,一直有用react和vue做开发。至于哪些项目选择那种框架,我有自己的一些心得和体会。
首先,react、vue都是目前比较前沿的前端框架(还有angular,不过angular大而全的框架设计让我感觉挺笨重,不过这种特性反而适合多人协作和大型项目使用),让我们先看看官方对自己框架的介绍吧。
首先是react

react官网

react把自己定位成用户创建用户界面的js库。react主要有三大特点:
1.基于组件式开发。(通过props获取外部参数,state来管理内部状态。并通过构合物的方式来实现更复杂的界面。这个构合物说的有点抽象,本质上是递归嵌套组件。你可以类比成乐高积木。每个一个元件相当于组件。一个完整的积木则由不同的元件搭建而成。而对于react来说,则相当于组件的构合)
2.声明式的界面(用户不用关心页面怎么渲染,只要你的数据层发生变化,我们就能渲染正确的组件)
3.Learn Once, Write Anywhere。只要你掌握了react。你就可以开发web应用和react-native应用。

让我们看回vue。

vue官网

vue把自己看作是一个渐进式的js框架。什么叫渐进式呢?可以理解为vue尽量提供最必要的基本功能。而其他非必要功能则通过npm包的方式去引入。比如vue提供ui搭建的基本功能。至于前端路由,你可以用vue-router。想要用状态管理,你可以使用vuex。想要做数据请求,你可以选择vue-resource等等。这样的设计能允许用户按需使用,更加灵活去构建自己的项目。另外,由于颗粒度太小而导致用户搭建一个常见的项目都需要引入多个模块(对于单页应用,vue,vue-router都是必须的),官方还出了相应的脚手架来方便开发。
vue的三大特点:
1.开发友好(只要你会写html、css,你就可以直接上手,学习成本低)
2.通用性强(适用于不同规模的开发)
3.高性能(压缩并gzip后只有19kb。采用虚拟dom和differ算法来减少不必要的dom操作)

当然,上面提到的特点都是react和vue在官网上对外宣传的特点,旨在开发者能大概了解到自身的作用和优势。

React和Vue有哪些相同点呢?
相同点:

  • 数据驱动视图,提供响应式的视图组件
  • 都有Virtual DOM,通过differ算法减少dom操作
  • 组件化开发,实现webComponents规范。都有内部状态管理(react的state,vue的data)和外部参数传入(props)
  • 数据流动单向。
  • 都支持服务端渲染
  • 都支持组件动画过度
  • 都支持jsx语法
  • 都有成熟的脚手架
  • 对props都有类型检验
  • 都有支持native的方案,React的React native,Vue的weex
  • 都是渐进式设计
  • 事件处理都采用事件委托
    不同点:
  • vue的组件写法默认采用单文件组件的方式。开发者在一个vue文件中完成html、js、css的编写。而react默认采用jsx的写法(跟传统的html的写法相似,但允许内嵌js表达式,允许自定义标签等)。后来vue也支持了jsx的写法。这两种写法各有优势。单文件组件的写法跟webcomponent的写法相近,而且把html、js、css都写在了一起,方便组件的管理。jsx则胜在灵活。两者的出现都是为了开发的便利,并没有功能上的优劣。
  • 其他的不同点我感觉都大同小异(- -。当然从性能上讲可能在不同项目规模性能不一样,许多大牛在性能上扯了很多也没有统一的答案)
  • vue上手比react简单
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 214,904评论 6 497
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 91,581评论 3 389
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 160,527评论 0 350
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 57,463评论 1 288
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 66,546评论 6 386
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 50,572评论 1 293
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 39,582评论 3 414
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 38,330评论 0 270
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,776评论 1 307
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 37,087评论 2 330
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 39,257评论 1 344
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 34,923评论 5 338
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 40,571评论 3 322
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,192评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,436评论 1 268
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 47,145评论 2 366
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 44,127评论 2 352

推荐阅读更多精彩内容

  • 最近在逛各大网站,论坛,以及像SegmentFault等编程问答社区,发现Vue.js异常火爆,重复性的提问和内容...
    忘川慕白阅读 5,922评论 7 113
  • Vue也已经升级到2.0版本了,到现在为止(2016/11/19)比较流行的MVVM框架有AngularJS(也有...
    彬_仔阅读 27,217评论 12 114
  • 接入前先了解一下USB OTG的概念 USB OTG:USB On-The-Go通常缩写为USB OTG,是USB...
    gstansen阅读 22,715评论 7 23
  • 我家姑娘四年级了,英语步入了新的学习阶段,因为从小没给她报过英语班,如今单词量有些大了,每天默写听写的作...
    群山回唱325阅读 196评论 0 0
  • “刚开始涉及离职员工谈话的时候很不适应,心理也不放松,不知道是不是应该安慰当事人。时间长了以后就有点麻木了,反正就...
    philren阅读 5,830评论 3 15