1. 程式人生 > >Vue.js 原始碼解析

Vue.js 原始碼解析

介紹

Vue.js原始碼分析,記錄了個人學習Vue.js原始碼的過程中的一些心得以及收穫。以及對於Vue框架,周邊庫的一些個人見解。

在學習的過程中我為Vue.js(2.3.0)、Vuex(2.4.0)、Vue-router(3.0.1)加上了註釋,分別在資料夾vue-srcvuex-src以及vue-router-src中,希望可以幫助有需要的同學更好地學習理解Vue.js及周邊庫的原始碼。

感謝尤大提高生產力。

本專案希望對Vue.js做更進一步的探索與學習,Vue.js基礎內容請參考Vue.js官網,https://cn.vuejs.org/v2/guide/。 可能會有理解存在偏差的地方,歡迎提issue指出,共同學習,共同進步。


目錄

原始碼相關

Vue.js響應式原理

Vue.js依賴收集

從Vue.js原始碼角度再看資料繫結

Vue.js事件機制

VNode節點(Vue.js實現)

Virtual DOM與diff(Vue.js實現)

聊聊Vue.js的template編譯

Vue.js非同步更新DOM策略及nextTick

從template到DOM(Vue.js原始碼角度看內部執行機制)

Vuex原始碼解析

聊聊keep-alive元件的使用及其實現原理

隨筆雜談

Vue元件間通訊

說說element元件庫broadcast與dispatch


對於新手同學

由於以上內容都是針對 Vue.js 原始碼進行講解了,可能有一些不太熟悉原始碼的同學讀起來感覺晦澀難懂。

筆者撰寫的《剖析 Vue.js 內部執行機制》或許可以幫到你。

 

原文https://github.com/answershuto/learnVue