已經用vue有一段時間了,最近花一些時間去閱讀Vue源碼,看源碼的同時便於理解,會用工具畫下結構圖。 今天把最近看到總結的結構圖分享出來。希望可以幫助和其他同學一起進步。當然里邊可能存在一些疏漏的,或者不正確的地方。希望發現的同學給予指正。 下邊這張圖 ...
上一節看完 Vue源碼思維導圖 Vue 構造函數 原型 靜態屬性和方法 ,這節將會以new Vue 為入口,大體看下 this. init 要做的事情。 下邊解開 init的面紗 總結思維導圖如下: 高清原圖地址:https: github.com huashuaipeng vue blob master Vue init.png 代碼參考: https: github.com vuejs vu ...
2018-07-08 20:31 0 2213 推薦指數:
已經用vue有一段時間了,最近花一些時間去閱讀Vue源碼,看源碼的同時便於理解,會用工具畫下結構圖。 今天把最近看到總結的結構圖分享出來。希望可以幫助和其他同學一起進步。當然里邊可能存在一些疏漏的,或者不正確的地方。希望發現的同學給予指正。 下邊這張圖 ...
https://img2020.cnblogs.com/blog/1553188/202008/1553188-20200824111144684-4911710.png 補充中... ...
本節將看下初始化中的$options: 通過上邊的代碼可以看到 ,初始化時vm.$options被mergeOptions方法賦值。那么mergeOptions又做了哪些事情呢? 一. 檢查組件名稱是否符合要求( 1.是否由字母和-組成,並且以字母開頭 ...
...
源碼分享者:姚觀壽 vue源碼業余時間差不多看了一年,以前在網上找帖子,發現很多帖子很零散,都是一部分一部分說,斷章的很多,所以自己下定決定一行行看,經過自己堅持與努力,現在基本看完了, 。這個vue源碼逐行分析,我基本每一行都打上注釋,加上整個框架的流程思維導圖,基本上是小白也能看懂 ...
又看完一遍中文社區的教程接下來開始做vue2.0的源碼解讀了! 注:解讀源碼時一定要配合vue2.0的生命周期和API文檔一起看 vue2.0的生命周期分為4主要個過程 create。 創建---實例化Vue(new Vue) 時,會先進行create。 mount。掛載 ...
廢話不多說。 我們先來看看Vue的入口文件。 本章先講第17行開始的initMixin方法 —— 組件初始化 initMixin 這里記一下: 每一個VM對象在實例化的時候,會給一個uid。 然后我們再看 ...
...