1首先，從git上拉取element的源碼 2安裝依賴 npm install 3修改 packages 中的源碼，然后進(jìn)行打包 npm run dist 4找到你的項(xiàng)目中的 node_modules 包下的 elementui 文件夾下的 lib 包，用你修改好后打包生成的；下載最新的vue$ npm install vue js 引用 vuejs 開始代碼，感受vue強(qiáng)大的雙向數(shù)據(jù)綁定 1 message new Vue el #39#app#39， data message #39Hello Vuejs！#39 實(shí)戰(zhàn)代碼123。

注冊組件第二個參數(shù)默認(rèn)會調(diào)用extend，Vueextend 使用Vue基礎(chǔ)構(gòu)造器 產(chǎn)生子類 Vueextend 中data必須是一個函數(shù)，繼承與Vue，可以new和掛載 Vuecomponentquotquot，Vueextend 傳入的是對象 這樣復(fù)用了同一個對象所以；很多介紹vue源碼的文章對computed怎么計(jì)算值講的很清楚，但是對computed 怎么搜集到依賴它的視圖渲染watcher，以及怎么去通知對應(yīng)的渲染watcher去更新講解的很模糊或者干脆一筆帶過這篇文章主要講解computed watcher是怎么搜集。

vue項(xiàng)目地址 函數(shù)，這是初始化響應(yīng)式的入口；vue源碼中有一個點(diǎn)不懂在createElementNS函數(shù)中 documentcreateElementnamespace + #39#39 + tagName ，第一次見到會帶冒號的 查了一下MDN上的 createElement ，然后發(fā)現(xiàn)不能這樣寫不過實(shí)際上也有一個可以指；以往我們在開發(fā)vue項(xiàng)目的時候，總是通過將路徑和路由寫在routeindexjs文件中，然后直接進(jìn)行訪問即可，一般實(shí)現(xiàn)權(quán)限匹配都是通過菜單下面的權(quán)限參數(shù)和路由守衛(wèi)進(jìn)行一個驗(yàn)證攔截和權(quán)限匹配，然而這樣安全性仍然不足因?yàn)槲覀冊趓outeindexjs中。

父子組件通信，在vue中是非常常見的，這里主要實(shí)現(xiàn)props與emit 根據(jù)上面的測試用例，分析props的以下內(nèi)容解決問題問題1 想要在子組件的setup函數(shù)中第一個參數(shù)， 使用props，那么在setup函數(shù)調(diào)用的時候，把當(dāng)前組件的props；createElement在文件vdomcreateelement里面，下面是他的源碼 new Vnode 創(chuàng)建的是一個虛擬dom，其實(shí)就是一個裝有很多屬性的對象，和真實(shí)的dom做一個映射，目的是去渲染真實(shí)的dom，那么為什么不直接去渲染dom，因?yàn)関ue中；1在init階段inject 是比 provide更早，比initStateinitPropsinitMethodsinitComputedinitWatch 都要早，因?yàn)関ue的組件層級創(chuàng)建父組件created后再去創(chuàng)建子組件，一層一層向下創(chuàng)建的模式，那么inject如果有在上級組件定義；好了，基于 Vue3+TS+ElementPlus+Qiankun 的微應(yīng)用項(xiàng)目基本框架我們已經(jīng)搭建好了，后續(xù)就是慢慢填充一些工具和頁面了相關(guān)源碼地址#8226主應(yīng)用 Anyin Cloud Parent #8226微應(yīng)用 Anyin Cloud Base 1；1 初始化new Vue test1html文件中在初始化app處打斷點(diǎn)，按F11走下一步查看，可以看到進(jìn)入到我們Vue構(gòu)造函數(shù)，調(diào)用了init方法 2 thisinitoptions 同樣打上斷點(diǎn)，點(diǎn)擊下一步，會進(jìn)入init方法 3。

你看到的不是源碼，sources下面的才是源碼 vue是基于js框架，所以通常也會叫它vuejs，想看懂，需要js語法基礎(chǔ)，再了解vue框架；對于文件 右鍵 點(diǎn)擊 下載，但是文件夾貌似不行，你只能展開然后下載了；srclazyjs 定義變量接收實(shí)例化參數(shù)lazyjs 默認(rèn)導(dǎo)出一個函數(shù)，該函數(shù)返回一個 Lazy 類，形成閉包，保持對 Vue 的引用判斷是否支持Webp圖片 srclistenerjs 定義變量接收實(shí)例化參數(shù)filter 方法將配置的 filter。