Vue3讀原始碼 1

2021-10-07 23:25:33 字數 386 閱讀 1489

要讀懂原始碼還是要有一定的基礎的,在此就預設是會的。

我使用的工具是vscode,廢話不多說,首先看最外層的函式:

var vue = (

function (exports) ({}));

可以看到,vue是()裡的自執行函式的返回值exports,是個物件。exports是函式接收乙個空物件引數然後經過函式處理後返回的。那麼函式給exports這個物件加了什麼呢?無非就是屬性和方法嘛。

擷取了一部分,可以看到,藍色的是物件屬性,黃色的方法。關於物件裡是什麼,方法是什麼功能的,留到後面看咯。

vue3原始碼學習

dev node scripts dev.js sourcemap div src dist vue.global.js script 初始化 vue2 new vue mount mount掛載 const vue 解構出來 mount script 除錯 f12 sources 設定斷點 ste...

如何除錯Vue3原始碼?

最近想系統學習一下vue3的源 本篇內容記錄和分享一下,如何除錯vue3的源 注意,vue3的原始碼是在這個 core目錄下,一些同學別一直找目錄為vue3的資料夾,那是找不到的哈。github雖好,但是對於國內使用者,總還是有點敵意,訪問的時候經常進不去,或者很慢,我在公司訪問github時好好的...

讀vue原始碼筆記 1

shared util.js 1.hasown var hasownproperty object.prototype.hasownproperty function hasown obj,key extend export function extend to object,from object...