色偷偷精品伊人,欧洲久久精品,欧美综合婷婷骚逼,国产AV主播,国产最新探花在线,九色在线视频一区,伊人大交九 欧美,1769亚洲,黄色成人av

逮蝦專業(yè)戶

數(shù)據(jù)響應(yīng)式過(guò)程中，如果是對(duì)象和數(shù)組，會(huì)創(chuàng)建一個(gè)Observer對(duì)象并掛載到該對(duì)象或數(shù)組的__ob__屬性上，此Observer對(duì)象內(nèi)的subs數(shù)組持有的Watcher對(duì)象，與該對(duì)象或數(shù)組對(duì)應(yīng)的上級(jí)對(duì)象的key屬性對(duì)應(yīng)的watcher一致（該key會(huì)在閉包內(nèi)創(chuàng)建自己的Dep），如果上級(jí)對(duì)象仍然是數(shù)組，則會(huì)繼續(xù)往上找，直到找到對(duì)象屬性對(duì)應(yīng)的watcher，直接對(duì)該對(duì)象增減屬性或者對(duì)該數(shù)組內(nèi)的某項(xiàng)進(jìn)行替換并不會(huì)通知到Observer，相反通過(guò)Vue提供的$set和$delete則會(huì)主動(dòng)通知該對(duì)象或數(shù)組上的Observer，并最終執(zhí)行各watcher內(nèi)的update實(shí)現(xiàn)更新，數(shù)組的更新同理，通過(guò)對(duì)數(shù)組原型方法進(jìn)行重寫(xiě)實(shí)現(xiàn)主動(dòng)通知Observer。

Vue源碼解讀一：Vue數(shù)據(jù)響應(yīng)式原理

這方面的文章很多，但是我感覺(jué)很多寫(xiě)的比較抽象，本文會(huì)通過(guò)舉例更詳細(xì)的解釋。（此文面向的Vue新手們，如果你是個(gè)大牛，看到這篇文章就可以點(diǎn)個(gè)贊，關(guān)掉頁(yè)面了。）通過(guò)閱讀這篇文章，...

Ivy_2016

15550 8 63 1

逮蝦專業(yè)戶

1. 計(jì)算屬性初始化時(shí)創(chuàng)建計(jì)算watcher并保存至實(shí)例的_computedWatchers中，由于lazy為true，get函數(shù)沒(méi)有執(zhí)行，所以value為undefined
2. 模板解析到對(duì)應(yīng)的計(jì)算屬性時(shí)，創(chuàng)建渲染watcher對(duì)象，由于lazy為false，所以會(huì)在構(gòu)造器中執(zhí)行g(shù)et函數(shù)
3. 在get函數(shù)中，先將當(dāng)前渲染watcher對(duì)象入棧（pushTarget），然后執(zhí)行計(jì)算屬性對(duì)應(yīng)的getter函數(shù)
4. 此時(shí)的getter函數(shù)即為計(jì)算屬性初始化時(shí)創(chuàng)建的getter（computedGetter），然后取出第一步中放入_computedWatchers數(shù)組中的watcher，判斷到dirty為true，執(zhí)行其evaluate方法
5. 在evaluate方法內(nèi)調(diào)用到get函數(shù)，此時(shí)再將當(dāng)前的計(jì)算watcher入棧（pushTarget），然后執(zhí)行g(shù)etter函數(shù)（此getter函數(shù)為創(chuàng)建計(jì)算watcher對(duì)象時(shí)傳入的getter，即用戶定義的計(jì)算屬性對(duì)應(yīng)的get函數(shù)），getter函數(shù)執(zhí)行的過(guò)程即為依賴收集的過(guò)程，一個(gè)或多個(gè)dep會(huì)保存到該watcher對(duì)象的newDeps數(shù)組中（watcher和dep會(huì)互相持有對(duì)方的引用）。完成后將計(jì)算watcher出棧（popTarget），所以此時(shí)的Dep.target變回渲染watcher。然后執(zhí)行cleanupDeps函數(shù)，將newDeps的數(shù)據(jù)移動(dòng)到deps中，最后將dirty置為false
6. 繼續(xù)向下執(zhí)行，執(zhí)行計(jì)算watcher的depend函數(shù)，這里設(shè)計(jì)的很巧妙，depend函數(shù)內(nèi)部會(huì)遍歷上一步得到的deps數(shù)組，然后對(duì)其依次執(zhí)行dep.depend函數(shù)，而dep對(duì)象內(nèi)部則會(huì)將Dep.target(渲染watcher)添加到當(dāng)前dep對(duì)象中，相當(dāng)于是幫助渲染watcher收集了依賴。然后渲染watcher出棧，執(zhí)行cleanupDeps函數(shù)，此時(shí)Dep.target為undefined
7. 最后會(huì)返回計(jì)算watcher對(duì)象的value屬性，這個(gè)值即為computed屬性對(duì)應(yīng)的緩存，在dirty為false時(shí)會(huì)直接返回該值
8. 舉個(gè)例子，假如現(xiàn)在定義一個(gè)計(jì)算屬性fullname(){return this.firstname + this.lastname}，當(dāng)this.firstname有更新時(shí)，會(huì)執(zhí)行該屬性對(duì)應(yīng)的dep對(duì)象的notify方法，即遍歷subs數(shù)組內(nèi)的watcher執(zhí)行其update方法，經(jīng)過(guò)前面的分析，subs數(shù)組內(nèi)的watcher對(duì)象至少有兩個(gè)，即計(jì)算watcher和渲染watcher。所以計(jì)算watcher會(huì)將dirty置為true，然后渲染watcher會(huì)再次執(zhí)行到evaluate函數(shù)刷新計(jì)算屬性的值，并更新視圖
9. 如果沒(méi)有在模板中使用，直接在JS代碼中使用，雖然第一次使用時(shí)會(huì)進(jìn)行value求值，但后續(xù)的使用就會(huì)直接使用value緩存，如果完全沒(méi)使用到計(jì)算屬性，那么它的值就一直是undefined，這就是它相比methods優(yōu)秀的地方

關(guān)于computed源碼

問(wèn)：下面代碼從store中取值，如果template中沒(méi)有使用msg， 初始化加載會(huì)打印嗎？其他頁(yè)面改變store的值，這里會(huì)執(zhí)行打印嗎？ 答： 不會(huì)。computed觸發(fā)條...

云鶴道人張業(yè)斌

1438 1 5

逮蝦專業(yè)戶

目錄 10000小時(shí)練習(xí) 我做對(duì)的事情 被“字節(jié)范兒”圈粉 下一個(gè)3年 你配得上所有美好的事物，但你必須自己主動(dòng)去拿。 10000小時(shí)練習(xí) 關(guān)于10000小時(shí)定律，你可能在很...

逮蝦專業(yè)戶

async 與 await 的使用方式相對(duì)簡(jiǎn)單。 當(dāng)你嘗試在循環(huán)中使用await時(shí)，事情就會(huì)變得復(fù)雜一些。 在本文中，分享一些在如果循環(huán)中使用await值得注意的問(wèn)題。 準(zhǔn)備...

逮蝦專業(yè)戶

變量提升 var命令會(huì)發(fā)生“變量提升”現(xiàn)象，即變量可以在聲明之前使用，值為undefined。這種現(xiàn)象多多少少是有些奇怪的，按照一般的邏輯，變量應(yīng)該在聲明語(yǔ)句之后才可以使用。...

逮蝦專業(yè)戶

寫(xiě)的不錯(cuò)，必須給個(gè)贊！

weex開(kāi)發(fā)之與web交互

在做weex開(kāi)發(fā)中遇到一個(gè)需要與web交互的需求?？戳讼聎eexSDK,在0.20以上的版本中是有與web交互的api的。所以先升級(jí)sdk，iOS和Android都通用！ 原...

豬豬行天下

2278 4 2

逮蝦專業(yè)戶

在做weex開(kāi)發(fā)中遇到一個(gè)需要與web交互的需求。看了下weexSDK,在0.20以上的版本中是有與web交互的api的。所以先升級(jí)sdk，iOS和Android都通用！ 原...

逮蝦專業(yè)戶

最近項(xiàng)目有點(diǎn)忙，weex學(xué)習(xí)更新稍微慢了些。近期給自己列了一個(gè)學(xué)習(xí)計(jì)劃表，想用weex做一個(gè)App，目前覺(jué)得列表比較好做，同時(shí)weex原生組件使用起來(lái)都很方便，就是一些自定義...