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

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

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

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

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