Vue,初见

何宏伟

[嵌牛导读]

Think Always

带着React的心态去接触Vue

由于最近项目web端选择使用Vue,而我在前段时间刚好接触了React,所以在这样的状况下,遇见了Vue。尽管呢,两者使用时间都不是很长,但是遇到的问题却是不少,管中窥豹,从自身的角度来谈谈两者的异同。

[嵌牛鼻子]

Vue,Vuex,React,Redux

[嵌牛提问]

  • Vue && React两者都采用了组件化的思想,具有同样特殊的数据绑定,不同之处在哪里?
  • 使用两者编程最直观的感受如何?
  • 怎样判断在你的项目中使用Vue || React

[嵌牛正文]

Data Flow

一. 组件和数据绑定

两者都具有MVC的架构模式,如果你使用vue-cli生成webpack项目模板,你会发现代码组织非常清晰,这点与React是相似的,都具有比较清晰的代码组织。

  • 组件

React显得严谨,Vue则是落落大方。编写时,React需要采用面向对象的方式来继承Component,组件内部采用JSX来编写

class Welcome extends React.Component {
  render() {
    return <h1>Hello, {this.props.name}</h1>;
  }
}

Vue每一个.vue文件都可为一个组件,在 Vue 里,一个组件本质上是一个拥有预定义选项的一个 Vue 实例,每个组件内部也可以引用,组件之间也可以相互引用。在 Vue 中注册组件很简单:

Vue.component('todo-item', {
  template: '<li>这是个待办项</li>'
})
  • 数据绑定

两者都有Props数据流,不过Vue本身就已经实现双向数据流v-model,不像React需要手动事项双向数据绑定。
对于组件之间的通信所形成的数据传递,还没有很完整的想法,不过还是欢迎大家和我讨论。

二. 抉择:Vue or React

Double V
  • Vue + Vuex.

优势: 渐进式构建能力是Vue的专属能力,渐进式构建正是Vue最大的优势。Vue具有简洁,合理的架构,这使得Vue非常易于理解,使用起来更加得心应手,更容易构建应用。

弱点: 很明显的一个特点就是:Vue依赖一个单独的人。其他的项目基本都是有一个组织提供支持,而Vue尽管有强大的社区和许多创新型的新增项目,但是Vue的核心开发仍然落在一个人身上,所以在未来的生存之路上必定面临艰辛。

何时选择 Vue + Vuex
如果你有一个传统的Web应用程序,并需要一个坚固稳定的程序层,那么你的答案就是VueVue具有比较清晰的模式,逻辑清晰,代码组织清晰,及时没有经验的团队也可以较为轻松的上手。

Double R
  • React + Redux.

优势: ReactRedux常常需要组合起来使用,两者都非常专注做自己的事,结合其他的功能可以完美构建应用,对于大多数开发人员还是可以比较轻松掌握概念,并了解单向数据流的优美之处,相互之间的功能组合,互补,可以简化大量用户界面应用程序。

弱点: 要构建一个结构完整,功能丰富的Web应用程序,你需要许多的功能,而一旦你脱离“合作关系”- React Redux其他你使用的库,很快你的应用将会分散,难以维护,这种松散的架构一定会在未来找你麻烦。

何时选择 React + Redux
如果你仅仅是缺少贴近问题的处理逻辑,需要一个非常完美的能够解决你问题的库,而框架则是次要,那么React + Redux是适合你的。


END
参考文章:前端框架

©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 219,039评论 6 508
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 93,426评论 3 395
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 165,417评论 0 356
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 58,868评论 1 295
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 67,892评论 6 392
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 51,692评论 1 305
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 40,416评论 3 419
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 39,326评论 0 276
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 45,782评论 1 316
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 37,957评论 3 337
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 40,102评论 1 350
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 35,790评论 5 346
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 41,442评论 3 331
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,996评论 0 22
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 33,113评论 1 272
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 48,332评论 3 373
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 45,044评论 2 355

推荐阅读更多精彩内容

  • 你是否有过这样的经历,在一个人独处的时候,不经意间点开歌单,某首熟悉的旋律响起,泪水已在不知不觉间充盈了眼眶,你是...
    梁鸿铭阅读 438评论 0 2
  • 岳习惯于早起,今晨一觉醒来却已是近九点。 昨晚他和默在夜里的夏江散步,不知疲倦。原来深夜也可以这样美,没有借酒而眠...
    海蓝堡堡主阅读 382评论 0 3
  • 前言: 本文主要描述Android BLE的一些基础知识及相关操作流程,不牵扯具体的业务实现,其中提供了针对广播包...
    幻影宇寰阅读 5,340评论 6 19
  • 从未遇见你这般 离开却仍会妄返 吹过一年的季风 望远山似眉峰 蘸着棉花糖的白龟 曾描绘你刀镌面容 想你对我是否已改...
    3c604cfc6973阅读 145评论 0 1