2018-08-17--Vue技術(shù)內(nèi)幕摘記4

Vue選項(xiàng)的合并策略

1.選項(xiàng) el饺鹃、propsData 的合并策略


el,propsData的策略函數(shù)

說(shuō)明:?el?選項(xiàng)或者?propsData?選項(xiàng)只能在使用?new?操作符創(chuàng)建實(shí)例的時(shí)候可用


子組件中使用el韵洋,就會(huì)被警告

引出問(wèn)題----------從策略函數(shù)中把介,可以看出窑滞,如果vm不存在萍膛,則說(shuō)明是子組件砚哆,什么原因:

vm來(lái)自mergeOptions中的第三個(gè)參數(shù)本股,而在?_init?方法中調(diào)用?mergeOptions?函數(shù)時(shí)惊来,第三個(gè)參數(shù)就是當(dāng)前?Vue?實(shí)例丽涩;

由if(!vm)語(yǔ)句,可以猜測(cè)到

而子組件的實(shí)現(xiàn)方式就是通過(guò)實(shí)例化子類完成的,子類又是通過(guò)?Vue.extend?創(chuàng)造出來(lái)的

2.選項(xiàng) data 的合并策略

比較復(fù)雜矢渊,總的來(lái)說(shuō)继准,被mergeOptions函數(shù)處理后,data選項(xiàng)是一個(gè)函數(shù)矮男,有3種返回的可能

相關(guān)的3點(diǎn)展開(kāi)(補(bǔ)充):

具體--初始化中繼續(xù)

3.生命周期鉤子選項(xiàng)的合并策略

--合并成數(shù)組移必,數(shù)組元素是函數(shù)

--mixin??


4.資源(assets)選項(xiàng)的合并策略--在?Vue?中?directives、filters?以及?components?被認(rèn)為是資源,因?yàn)槿叨伎梢杂傻谌教峁?/p>

使用extend函數(shù)合并

--延伸:解釋了不用聲明毡鉴,就可以使用Vue的內(nèi)置組件

5.?選項(xiàng) watch 的合并策略

合并父子崔泵,合并結(jié)果可能是一個(gè)數(shù)組,也可能是一個(gè)函數(shù)(父選項(xiàng)中沒(méi)有?watch?選項(xiàng)猪瞬,則直接返回?childVal憎瘸,即返回的就是一個(gè)函數(shù),而非數(shù)組)

6.? 選項(xiàng) props陈瘦、methods幌甘、inject(使用?inject?選項(xiàng)來(lái)接收指定的我們想要添加在這個(gè)實(shí)例上的屬性,和provide選項(xiàng)一起使用)痊项、computed 的合并策略---使用extend函數(shù)合并锅风,返回一個(gè)對(duì)象

7.?選項(xiàng) provide(允許我們指定我們想要提供給后代組件的數(shù)據(jù)/方法) 的合并策略

--與?data?選項(xiàng)的合并策略相同,都是使用?mergeDataOrFn?函數(shù)

合并策略總結(jié)

8. 回顧mergeOptions函數(shù)中的對(duì)于extends和mixins的處理

extends 和 mixins
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末线婚,一起剝皮案震驚了整個(gè)濱河市遏弱,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌塞弊,老刑警劉巖漱逸,帶你破解...
    沈念sama閱讀 218,204評(píng)論 6 506
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異游沿,居然都是意外死亡饰抒,警方通過(guò)查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,091評(píng)論 3 395
  • 文/潘曉璐 我一進(jìn)店門诀黍,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)袋坑,“玉大人,你說(shuō)我怎么就攤上這事眯勾≡婀” “怎么了?”我有些...
    開(kāi)封第一講書人閱讀 164,548評(píng)論 0 354
  • 文/不壞的土叔 我叫張陵吃环,是天一觀的道長(zhǎng)也颤。 經(jīng)常有香客問(wèn)我,道長(zhǎng)郁轻,這世上最難降的妖魔是什么翅娶? 我笑而不...
    開(kāi)封第一講書人閱讀 58,657評(píng)論 1 293
  • 正文 為了忘掉前任文留,我火速辦了婚禮,結(jié)果婚禮上竭沫,老公的妹妹穿的比我還像新娘燥翅。我一直安慰自己,他們只是感情好蜕提,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,689評(píng)論 6 392
  • 文/花漫 我一把揭開(kāi)白布森书。 她就那樣靜靜地躺著,像睡著了一般贯溅。 火紅的嫁衣襯著肌膚如雪拄氯。 梳的紋絲不亂的頭發(fā)上,一...
    開(kāi)封第一講書人閱讀 51,554評(píng)論 1 305
  • 那天它浅,我揣著相機(jī)與錄音译柏,去河邊找鬼。 笑死姐霍,一個(gè)胖子當(dāng)著我的面吹牛鄙麦,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播镊折,決...
    沈念sama閱讀 40,302評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼胯府,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼!你這毒婦竟也來(lái)了恨胚?” 一聲冷哼從身側(cè)響起骂因,我...
    開(kāi)封第一講書人閱讀 39,216評(píng)論 0 276
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎赃泡,沒(méi)想到半個(gè)月后寒波,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,661評(píng)論 1 314
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡升熊,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,851評(píng)論 3 336
  • 正文 我和宋清朗相戀三年俄烁,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片级野。...
    茶點(diǎn)故事閱讀 39,977評(píng)論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡页屠,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出蓖柔,到底是詐尸還是另有隱情辰企,我是刑警寧澤,帶...
    沈念sama閱讀 35,697評(píng)論 5 347
  • 正文 年R本政府宣布况鸣,位于F島的核電站蟆豫,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏懒闷。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,306評(píng)論 3 330
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望愤估。 院中可真熱鬧帮辟,春花似錦、人聲如沸玩焰。這莊子的主人今日做“春日...
    開(kāi)封第一講書人閱讀 31,898評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)昔园。三九已至蔓榄,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間默刚,已是汗流浹背甥郑。 一陣腳步聲響...
    開(kāi)封第一講書人閱讀 33,019評(píng)論 1 270
  • 我被黑心中介騙來(lái)泰國(guó)打工, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留荤西,地道東北人澜搅。 一個(gè)月前我還...
    沈念sama閱讀 48,138評(píng)論 3 370
  • 正文 我出身青樓,卻偏偏與公主長(zhǎng)得像邪锌,于是被迫代替她去往敵國(guó)和親勉躺。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,927評(píng)論 2 355

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

  • 這篇筆記主要包含 Vue 2 不同于 Vue 1 或者特有的內(nèi)容觅丰,還有我對(duì)于 Vue 1.0 印象不深的內(nèi)容饵溅。關(guān)于...
    云之外閱讀 5,050評(píng)論 0 29
  • 1.安裝 可以簡(jiǎn)單地在頁(yè)面引入Vue.js作為獨(dú)立版本,Vue即被注冊(cè)為全局變量妇萄,可以在頁(yè)面使用了蜕企。 如果希望搭建...
    Awey閱讀 11,024評(píng)論 4 129
  • Vue 實(shí)例 屬性和方法 每個(gè) Vue 實(shí)例都會(huì)代理其 data 對(duì)象里所有的屬性:var data = { a:...
    云之外閱讀 2,210評(píng)論 0 6
  • 題記:9月份通過(guò)了PMP認(rèn)證之后糖赔,我一直有意識(shí)地想把項(xiàng)目管理的方法論應(yīng)用到我日常的工作中。今天我通過(guò)一個(gè)實(shí)際案例來(lái)...
    勇哥在進(jìn)化閱讀 688評(píng)論 1 5
  • 《別友》 判袂數(shù)寒暑 君參我似商 舉杯邀影共 望月感思長(zhǎng) 緣別情猶在 年遷志尚剛 英雄當(dāng)奮勇 相勉綻光芒 注:參商...
    緬華資訊網(wǎng)閱讀 211評(píng)論 5 8