第二次來梳理Vue源碼邏輯了。第一次因?yàn)椴皇煜は郑崂淼暮芗?xì)致才弄懂。第二次就更有大局觀一些了糙臼，這次我主要抓住流程的重點(diǎn)順利走完流程就好了若未。主路線...

Vue的組件提供了一個非常有用的特性，slot插槽莫湘，它讓組件的實(shí)現(xiàn)變的更加靈活尤蒿。我們平時在開發(fā)組件庫的時候，為了讓組件更加靈活可定制幅垮，經(jīng)常使用插...

目標(biāo)：1腰池、了解v-model的本質(zhì)。2、了解v-model的實(shí)現(xiàn)原理示弓。 我們知道Vue的核心特性之一是雙向綁定演怎，vue的響應(yīng)式原理是實(shí)現(xiàn)了數(shù)據(jù)－...

目標(biāo)：1、了解event的實(shí)現(xiàn)原理避乏。2爷耀、了解Dom事件和自定義事件的區(qū)別。 平時開發(fā)過程中拍皮，組件間通訊歹叮，原生交互都離不開事件，對于一個組件元素铆帽，...

回憶： 我們知道咆耿，h5的history或者h(yuǎn)ash幫助我們解決了，變化url跳轉(zhuǎn)頁面不發(fā)送請求爹橱，并且我們能監(jiān)聽到url變化萨螺。這只是第一步，不同u...

回憶之編譯入口 編譯愧驱，其實(shí)就是vue對模版指令和內(nèi)置組件的處理慰技。 編譯我們最終執(zhí)行的是compileToFunctions(template,o...

回憶 組件更新的過程核心就是新舊vnode diff,對新舊節(jié)點(diǎn)相同以及不同的情況分別做不同處理。新舊節(jié)點(diǎn)不同的更新流程是創(chuàng)建新節(jié)點(diǎn)－>...

回憶 watch的過程就是訂閱數(shù)據(jù)组砚，數(shù)據(jù)更新時執(zhí)行回調(diào)函數(shù)吻商。關(guān)于渲染，渲染W(wǎng)atcher本身就訂閱了數(shù)據(jù)變化糟红，userWatcher又會比渲染W(wǎng)...

計算屬性適合用在模版渲染當(dāng)中艾帐，某個值是依賴了其他響應(yīng)式對象甚至是計算屬性計算而來的。 偵聽屬性適用在觀測某個值的變化去完成一段復(fù)雜的業(yè)務(wù)邏輯盆偿。 ...