Vue 選項(xiàng)合并規(guī)則

  • data浩销、provide 等選項(xiàng)使用 mergeDataOrFn
  • 生命周期鉤子watch 合并為 數(shù)組蚣常,使得父子選項(xiàng)中的鉤子函數(shù)都能夠被執(zhí)行
  • directives谤民、filterscomponents 等資源選項(xiàng)值依,父子選項(xiàng)將以原型鏈的形式被處理苦丁,這樣才能夠在任何地方都是用內(nèi)置組件、指令等
  • props镊逝、methods壮啊、injectcomputed 等選項(xiàng)蹋半,父選項(xiàng)始終可用他巨,但是子選項(xiàng)會(huì)覆蓋同名的父選項(xiàng)字段
  • 以上沒(méi)有提到的選項(xiàng)都使用默認(rèn) defaultStrat充坑,該選項(xiàng)策略是:只要子選項(xiàng)不是 undefined 就是用子選項(xiàng)减江,否則使用父選項(xiàng)

附上 mergeDataOrFn 的實(shí)現(xiàn):

export function mergeDataOrFn (
  parentVal: any,
  childVal: any,
  vm?: Component
): ?Function {
  if (!vm) {
    // in a Vue.extend merge, both should be functions
    if (!childVal) {
      return parentVal
    }
    if (!parentVal) {
      return childVal
    }
    // when parentVal & childVal are both present,
    // we need to return a function that returns the
    // merged result of both functions... no need to
    // check if parentVal is a function here because
    // it has to be a function to pass previous merges.
    return function mergedDataFn () {
      return mergeData(
        typeof childVal === 'function' ? childVal.call(this, this) : childVal,
        typeof parentVal === 'function' ? parentVal.call(this, this) : parentVal
      )
    }
  } else {
    return function mergedInstanceDataFn () {
      // instance merge
      const instanceData = typeof childVal === 'function'
        ? childVal.call(vm, vm)
        : childVal
      const defaultData = typeof parentVal === 'function'
        ? parentVal.call(vm, vm)
        : parentVal
      if (instanceData) {
        return mergeData(instanceData, defaultData)
      } else {
        return defaultData
      }
    }
  }
}
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市捻爷,隨后出現(xiàn)的幾起案子辈灼,更是在濱河造成了極大的恐慌,老刑警劉巖也榄,帶你破解...
    沈念sama閱讀 216,544評(píng)論 6 501
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件巡莹,死亡現(xiàn)場(chǎng)離奇詭異司志,居然都是意外死亡,警方通過(guò)查閱死者的電腦和手機(jī)降宅,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,430評(píng)論 3 392
  • 文/潘曉璐 我一進(jìn)店門(mén)骂远,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái),“玉大人腰根,你說(shuō)我怎么就攤上這事激才。” “怎么了额嘿?”我有些...
    開(kāi)封第一講書(shū)人閱讀 162,764評(píng)論 0 353
  • 文/不壞的土叔 我叫張陵瘸恼,是天一觀的道長(zhǎng)。 經(jīng)常有香客問(wèn)我册养,道長(zhǎng)东帅,這世上最難降的妖魔是什么? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 58,193評(píng)論 1 292
  • 正文 為了忘掉前任球拦,我火速辦了婚禮靠闭,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘坎炼。我一直安慰自己阎毅,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,216評(píng)論 6 388
  • 文/花漫 我一把揭開(kāi)白布点弯。 她就那樣靜靜地躺著扇调,像睡著了一般。 火紅的嫁衣襯著肌膚如雪抢肛。 梳的紋絲不亂的頭發(fā)上狼钮,一...
    開(kāi)封第一講書(shū)人閱讀 51,182評(píng)論 1 299
  • 那天,我揣著相機(jī)與錄音捡絮,去河邊找鬼熬芜。 笑死,一個(gè)胖子當(dāng)著我的面吹牛福稳,可吹牛的內(nèi)容都是我干的涎拉。 我是一名探鬼主播,決...
    沈念sama閱讀 40,063評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼的圆,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼鼓拧!你這毒婦竟也來(lái)了?” 一聲冷哼從身側(cè)響起越妈,我...
    開(kāi)封第一講書(shū)人閱讀 38,917評(píng)論 0 274
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤季俩,失蹤者是張志新(化名)和其女友劉穎,沒(méi)想到半個(gè)月后梅掠,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體酌住,經(jīng)...
    沈念sama閱讀 45,329評(píng)論 1 310
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡店归,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,543評(píng)論 2 332
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了酪我。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片消痛。...
    茶點(diǎn)故事閱讀 39,722評(píng)論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖都哭,靈堂內(nèi)的尸體忽然破棺而出肄满,到底是詐尸還是另有隱情,我是刑警寧澤质涛,帶...
    沈念sama閱讀 35,425評(píng)論 5 343
  • 正文 年R本政府宣布稠歉,位于F島的核電站,受9級(jí)特大地震影響汇陆,放射性物質(zhì)發(fā)生泄漏怒炸。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,019評(píng)論 3 326
  • 文/蒙蒙 一毡代、第九天 我趴在偏房一處隱蔽的房頂上張望阅羹。 院中可真熱鬧,春花似錦教寂、人聲如沸捏鱼。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 31,671評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)导梆。三九已至,卻和暖如春迂烁,著一層夾襖步出監(jiān)牢的瞬間看尼,已是汗流浹背。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 32,825評(píng)論 1 269
  • 我被黑心中介騙來(lái)泰國(guó)打工盟步, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留藏斩,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 47,729評(píng)論 2 368
  • 正文 我出身青樓却盘,卻偏偏與公主長(zhǎng)得像狰域,于是被迫代替她去往敵國(guó)和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子黄橘,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,614評(píng)論 2 353

推薦閱讀更多精彩內(nèi)容

  • 這篇筆記主要包含 Vue 2 不同于 Vue 1 或者特有的內(nèi)容兆览,還有我對(duì)于 Vue 1.0 印象不深的內(nèi)容。關(guān)于...
    云之外閱讀 5,048評(píng)論 0 29
  • vue概述 在官方文檔中旬陡,有一句話對(duì)Vue的定位說(shuō)的很明確:Vue.js 的核心是一個(gè)允許采用簡(jiǎn)潔的模板語(yǔ)法來(lái)聲明...
    li4065閱讀 7,210評(píng)論 0 25
  • 一拓颓、了解Vue.js 1.1.1 Vue.js是什么语婴? 簡(jiǎn)單小巧描孟、漸進(jìn)式驶睦、功能強(qiáng)大的技術(shù)棧 1.1.2 為什么學(xué)習(xí)...
    蔡華鵬閱讀 3,319評(píng)論 0 3
  • 落地生根 《丁乙和他爹》【上】(共上中下) 丁乙其實(shí)不姓丁,也不叫丁乙匿醒,他爹姓爨场航,名字叫爨生存...
    馮俊龍閱讀 283評(píng)論 0 4
  • 很多時(shí)候在想,痛苦究竟要怎樣定義才算廉羔。很久沒(méi)感知過(guò)痛苦溉痢,最近卻愈加深刻,無(wú)法紓解憋他。越來(lái)越深刻的追憶大學(xué)生活孩饼,有一段...
    莉莉非利亞閱讀 152評(píng)論 1 0