1.clone vue專案本身
這裡是vue專案的轉殖位址,執行常規的git clone命令就好。
git clonenpm install
3.npm run setup
4.npm install rollup-plugin-alias@^1.4.0 -d(非win10使用者可跳過該步)
5.修改轉殖下來的專案中的\build\config.js檔案中的function genconfig (name) {}內部的配置物件const config =，在其中加入sourcemap: true字段。
6.npm run dev啟動除錯環境
7.開啟/exapmle/commits/index.html檔案，修改其中script[src]對vue的引用，修改其檔名為：vue.min.js->vue.js，然後在瀏覽器中直接開啟該html即可。
8.開發者工具中除錯跟進，探尋原理。
第6步起來後，會在/dist目錄下生成乙個vue.js的檔案，只要引入該檔案即可除錯。第7步中的examples資料夾中的檔案作為示例使用。
補充：2019-2-3:
再次在瀏覽器中開啟html檔案，其中的js沒有關聯到對應的sourcemap。後來嘗試了下，使用了個簡單的http-server的包，在vue的專案根目錄，開啟了乙個簡單的本地web的服務。然後通過該服務訪問/example/commits/index.html時，成功的關聯到了對應的sourcemap。
至此就可以開心的研究vue原始碼啦。
Vue原始碼分析之Observer
四月份真是慵懶無比的乙個月份，看著手頭上沒啥事幹，只好翻翻 啥的，看了一會vue的原始碼，忽而有點感悟，於是便記錄一下。觀察者模式一般包含發布者 publisher 和訂閱者 subscriber 兩種角色 顧名思義發布者負責發布訊息，訂閱者通過訂閱訊息響應動作了。回到vue中，在vue原始碼cor...
Vue原始碼分析
在開始原始碼分析工作之前，我們在當前篇章做好相應的準備工作，以便更好地展開分析。將原始碼fork到自己的github倉庫中 git clone 自己的github vue 位址 dist 打包之後的結果 examples 示例 src compiler 編譯相關 core vue 核心庫 compo...
VUE原始碼分析之eventBus原理
vue中eventbus可以用來進行任何元件之間的通訊，我們可以把eventbus當成乙個管道，這個管道兩端可以接好多元件，兩端的任何乙個元件都可以進行通訊。其實這個管道就是vue例項，例項中的 on,off,emit方法來實現此功能。還是老樣子，先通過簡單例子看看eventbus怎麼用。我們例項化...