從這里開始,記錄VUE原始碼分析,
1. 將 vue 原始碼拉到本地,方便分析
vue 原始碼地址來自 全球最大同性交流網站-- gitHub:https://github.com/vuejs/vue
我們將 dev 分支代碼克隆到本地

cd 到本地存放目錄:
cd 你的本地存放目錄
git clone 將代碼clone下來
git clone https://github.com/vuejs/vue.git
?? 如果想直接在github查看,可安裝一個插件 Octotree ,可在github左側生成一個 側邊導航,方便查看

2. clone原始碼之后,正式開始
首先,vue運行的時候,咱們通常是運行 npm run dev,到底vue是怎么運行起來的,咱們就從npm run dev入手,
打開 1.package.json,找到 scripts -> dev設定:

可以看到,這是rollup 啟動了 "scripts/config.js" 中的 “web-full-dev”,咱們打開這個檔案 2.vue/scripts/config.js,找到 web-full-dev

上邊咱們可以看到,入口entry是 “web/entry-runtime-with-compiler.js”檔案,咱們找到 3. src/platforms/web/entry-runtime-with-compiler.js

發現,Vue 是import進來的,再去找到 4. src/platforms/web//runtime/index

發現 vue 還是import出來的,再去找到 5. src/core/index

害,還是引入,再去找到 6. src/core/instance/index

哇哦,終于找到了 Vue出生的地方,它是一個函式,
總結:Vue 的定義地址:src/core/instance/index.js
轉載請註明出處,本文鏈接:https://www.uj5u.com/yidong/215021.html
標籤:其他
