很久之前就看完vue1，但是太懶就一直沒寫博客，這次看Vue2打算抽下懶筋先把自己看過了記錄下來，否則等全部看完，估計又沒下文了 看源碼總需要抱着一個目的，否則就很難堅持下去，我並沒做過vue的項目，我幾乎很少會依賴大型的框架，一個是跟平台有關系，另一方面因為我覺得是對自己能力的束縛，而我更渴望 ...

Vue 的 _update 是實例上的一個私有方法，主要的作用就是把 VNode 渲染成真實的 DOM ,它在首次渲染和數據更新的時候被調用。在數據更新的時候會發生新 VNode 和 舊 VNode 對比，獲取差異更新視圖，我們常說的 diff 就是發生在此過程中。 _update ...

前言 前面我們說到，當組件更新時，實例化渲染 watcher 時傳遞的 updateComponent 方法會被執行： 首先會先執行 vm._render() 函數，得到組件的 VNode，並將 VNode 傳遞給 vm._update 方法，接下來就該進入到 patch 階段了。今天 ...

Vue 的初始化過程： 執行編譯，生成 render 函數。 一系列的初始化，數據響應式化，觸發對應的生命周期鈎子。 執行掛載的邏輯，先生成虛擬 DOM，再生成真實 DOM，更新的邏輯也是這樣，只不過多出了對比虛擬 DOM 的一個步驟 一、我們到 vue倉庫 ...

怎么感覺遙遙無期了呀~這個源碼，跑不完了。 這個系列寫的不好，僅作為一個記錄，善始善終，反正也沒人看，寫着玩吧！ 　　接着上一節的cbs，這個對象在初始化應該只會調用create模塊數組方法，簡單回顧一下到哪了。 　　后面的暫時不去看，依次執行cbs.create中的方法 ...

1. 前言 vue版本：2.6.11 vue倉庫：https://github.com/vuejs/vue vue文檔：https://cn.vuejs.org/ 2. 開發模式 npm run dev，即運行package.json中的dev命令，其目的是把src/目錄下的相關 ...

Vue中之nextTick函數源碼分析 1. 什么是Vue.nextTick()？官方文檔解釋如下：在下次DOM更新循環結束之后執行的延遲回調。在修改數據之后立即使用這個方法，獲取更新后的DOM。 2. 為什么要使用nextTick? 如上代碼 在頁面視圖上顯示bb，但是當我 ...

大家都知道computed簡單的使用方法，這兒只分享一下setter和getter用法： setter：設置值時觸發。 getter：獲取值時觸發，與setter是沒有必然聯系的。 ...