vue源碼分析 - 專題

投稿

vue源碼分析

收錄了8篇文章 · 1人關(guān)注

vue源碼分析（六）：數(shù)據(jù)綁定與數(shù)據(jù)劫持
前面幾節(jié)我們說了vue初始化顯示的一些內(nèi)容肥缔，重點(diǎn)在指令解析上面产捞。當(dāng)初始化的視圖繪制好了之后，問題又來了——當(dāng)數(shù)據(jù)發(fā)生了更新贼穆，視圖怎么辦呢题山？這就引...

姜治宇 0 0
vue源碼分析（八）：雙向數(shù)據(jù)綁定v-model
有了前面的基礎(chǔ)，v-model其實(shí)很容易實(shí)現(xiàn)故痊。實(shí)現(xiàn)思路：1顶瞳、解析element的屬性節(jié)點(diǎn)（v-model="name"） 2、將input的v...

姜治宇 0 0

vue源碼分析（七）：監(jiān)聽者Watcher
上回我們留下了一個(gè)問題：當(dāng)更新視圖時(shí)愕秫，我們注冊(cè)的key慨菱，跟觸發(fā)時(shí)的key不一致了，所以導(dǎo)致無法更新視圖戴甩，怎么辦呢符喝？我們知道，get和set的ke...

0.1 姜治宇 0 2
vue源碼分析（五）：一般指令
vue中一般性的指令比較多甜孤，我們就舉個(gè)比較典型的來說一下协饲，其他的思路都一樣的。比如動(dòng)態(tài)class指令：動(dòng)態(tài)class是我們常用的指令缴川，這個(gè)是如...

姜治宇 0 0
vue源碼分析（四）：事件指令
vue中如何綁定事件的呢囱稽？如何實(shí)現(xiàn)事件指令呢？先理順一下思路：1二跋、將#app下的節(jié)點(diǎn)暫存到碎片fragment處理。2流昏、解析節(jié)點(diǎn)扎即，判斷是ele...

姜治宇 0 0
vue源碼分析（三）：模板解析
什么是模板解析吞获？如下面一段代碼，{{name}}是如何工作的呢谚鄙？思路很簡(jiǎn)單：1各拷、獲取#app元素下的所有節(jié)點(diǎn)，放入文檔碎片處理2闷营、用正則表達(dá)...

姜治宇 0 1
vue源碼分析（二）：數(shù)據(jù)代理
1烤黍、什么是數(shù)據(jù)代理？所謂代理傻盟，就是中間人的意思速蕊。顯然，vue實(shí)現(xiàn)了數(shù)據(jù)代理： 2娘赴、如何實(shí)現(xiàn)數(shù)據(jù)代理规哲？思路很簡(jiǎn)單，我們可以將vm中的data...

0.6 姜治宇 0 1

vue源碼分析（一）：準(zhǔn)備知識(shí)
1诽表、節(jié)點(diǎn)類型常用節(jié)點(diǎn)一共分為三種唉锌，分別是元素節(jié)點(diǎn)（element）、屬性節(jié)點(diǎn)（attribute）竿奏、文本節(jié)點(diǎn)（text）袄简。 2、Object....

姜治宇 0 0