概述 · Vue2.0源代碼閱讀

[TOC] **** ## 1 資源 [官網](http://cn.vuejs.org/) [Github](https://github.com/vuejs/vue) ## 2 MVVM實現 ~~~ 1 數據綁定 2 mvvm 3 vdom ~~~ ## 3 Vue(目錄結構) ### 3-1 整體目錄(vue\) ~~~ Vue\ ;根目錄 benchmarks\ ;測試目錄 build\ ;構建目錄 dist\ ;生成目錄 examples\ ;Demo目錄 src\ ;源代碼目錄 test\ ;測試目錄 ~~~ ### 3-2 源代碼實現目錄(vue\src\) ~~~ Vue\src\ compiler\ ;模板編譯實現 core\ ;Vue核心實現 entries\ ;生成入口實現 platforms\ ;渲染平臺實現 server\ ;服務器渲染實現 shared\ ;基礎工具目錄 ~~~ ## 4 模塊組織(\vue\build\alias.js) ~~~ var path = require('path') module.exports = { vue: path.resolve(__dirname, '../src/entries/web-runtime-with-compiler'), compiler: path.resolve(__dirname, '../src/compiler'), core: path.resolve(__dirname, '../src/core'), shared: path.resolve(__dirname, '../src/shared'), web: path.resolve(__dirname, '../src/platforms/web'), server: path.resolve(__dirname, '../src/server') } ~~~ ##5 完成章節 > [框架結構](http://www.hmoore.net/zmwtp/vue2/148823) >> [編譯入口(\entries)](http://www.hmoore.net/zmwtp/vue2/148825) >>> [web-compiler.js(web編譯)](http://www.hmoore.net/zmwtp/vue2/150239) >>> [web-runtime.js(web運行時)](http://www.hmoore.net/zmwtp/vue2/150240) >>> [web-runtime-wih-compiler.js(web編譯運行)](http://www.hmoore.net/zmwtp/vue2/150241) >>> [web-server-renderer.js(web服務器渲染)](http://www.hmoore.net/zmwtp/vue2/150242) >> [核心實現(\core)](http://www.hmoore.net/zmwtp/vue2/148824) >>> [index.js(核心入口)](http://www.hmoore.net/zmwtp/vue2/149714) >>> [config.js(核心配置)](http://www.hmoore.net/zmwtp/vue2/149715) >>> [core\util(核心工具)](http://www.hmoore.net/zmwtp/vue2/149716) >>> [core\observer(雙向綁定)](http://www.hmoore.net/zmwtp/vue2/149717) >>> [core\vdom(虛擬DOM)](http://www.hmoore.net/zmwtp/vue2/149718) >>> [core\global-api(核心api)](http://www.hmoore.net/zmwtp/vue2/149720) >>> [core\instance(核心實例)](http://www.hmoore.net/zmwtp/vue2/149719) >> [模板編譯(\compiler)](http://www.hmoore.net/zmwtp/vue2/148826) >>> [compiler\parser(模板解析)](http://www.hmoore.net/zmwtp/vue2/150184) >>> [events.js(事件解析)](http://www.hmoore.net/zmwtp/vue2/150186) >>> [helper.js(解析助手)](http://www.hmoore.net/zmwtp/vue2/150187) >>> [directives\ref.js(ref指令)](http://www.hmoore.net/zmwtp/vue2/150188) >>> [optimizer.js(解析優化)](http://www.hmoore.net/zmwtp/vue2/150185) >>> [codegen.js(渲染生成)](http://www.hmoore.net/zmwtp/vue2/150189) >>> [index.js(模板編譯入口)](http://www.hmoore.net/zmwtp/vue2/150190) >> [平臺渲染(\platforms\web\)](http://www.hmoore.net/zmwtp/vue2/148827) >>> [web\compiler\(web編譯目錄)](http://www.hmoore.net/zmwtp/vue2/150243) >>> [web\runtime\(web運行時目錄)](http://www.hmoore.net/zmwtp/vue2/150244) >>> [web\server\(web服務器目錄)](http://www.hmoore.net/zmwtp/vue2/150245) >>> [web\util\(web工具目錄)](http://www.hmoore.net/zmwtp/vue2/150246) >> [服務器渲染(\server)](http://www.hmoore.net/zmwtp/vue2/148828) >>> [render-stream.js(流式渲染)](http://www.hmoore.net/zmwtp/vue2/150251) >>> [render.js(服務器渲染函數)](http://www.hmoore.net/zmwtp/vue2/150252) >>> [create-renderer.js(創建渲染接口)](http://www.hmoore.net/zmwtp/vue2/150253) > 框架流程 >> Vue初始化 >> Vue視圖數據綁定 >> Vue數據變化刷新 >> Vue視圖操作刷新 > 框架工具 >> 基礎工具 >> 模板編譯助手 >> 核心實例工具 >> Web渲染工具 > [基礎原理](http://www.hmoore.net/zmwtp/vue2/148832) >> [function](http://www.hmoore.net/zmwtp/vue2/149721) >> [object](http://www.hmoore.net/zmwtp/vue2/149263) >> [數據綁定基礎](http://www.hmoore.net/zmwtp/vue2/149262) >> [數據綁定實現](http://www.hmoore.net/zmwtp/vue2/149484) >> [mvvm簡單實現](http://www.hmoore.net/zmwtp/vue2/149485) >> [mvvm簡單使用](http://www.hmoore.net/zmwtp/vue2/149498) >> [vdom算法](http://www.hmoore.net/zmwtp/vue2/149727) >> [vdom實現](http://www.hmoore.net/zmwtp/vue2/149728)