先從github上下載或者clone一個vue分支項目
查看下目錄結果
先列出一些目錄
Vue
|— build 打包相關的配置文件，其中最重要的是config.js。主要是根據不同的入口，打包為不同的文件。
|— dist 打包之后文件所在位置
|— examples demo示例
|— flow 因為Vue使用了Flow來進行靜態類型檢查，這里定義了聲明了一些靜態類型
|— packages vue還可以分別生成其它的npm包
|— src 主要源碼所在位置
|— compiler 模板解析的相關文件
|—codegen 根據ast生成render函數
|—directives 通用生成render函數之前需要處理的指令
|—parser 模板解析
|— core 核心代碼
|— components 全局的組件，這里只有keep-alive
|— global-api 全局方法，也就是添加在Vue對象上的方法，比如Vue.use,Vue.extend,,Vue.mixin等
|— instance 實例相關內容，包括實例方法，生命周期，事件等
|— observer 雙向數據綁定相關文件
|— util 工具方法
|— vdom 虛擬dom相關
|— entries 入口文件，也就是build文件夾下config.js中配置的入口文件。看源碼可以從這里看起
|— platforms 平台相關的內容
|— web web端獨有文件
|— compiler 編譯階段需要處理的指令和模塊
|— runtime 運行階段需要處理的組件、指令和模塊
|— server 服務端渲染相關
|— util 工具庫
|— weex weex端獨有文件
|— server 服務端渲染相關
|— sfc 暫時未知
|— shared 共享的工具方法
|— test 測試用例
其實我也比較懵逼，這么多目錄和文件，好害怕啊。
要想看完它，絕逼是個持久戰。
如果沒有劉濤大神的博客，我想我是沒有勇氣看下去了。
因為考慮到，學習一個對於自己不會的框架，看官網的api和demo是最快的捷徑，如果想要深入其源碼，除了個人需要扎實的js基礎和耐心，還必須對vue用的很熟練
且做過好些項目，對於我來說，用vue寫過的項目才1個，官網api和文檔才看了2遍左右，加上能力有限，想要看起源碼，必然很吃力。
所以學習他人積累的經驗也是提高自己能力的一條捷徑。接下來的每晚，努力看點劉濤大神的博客，且記錄下來。