[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)
- 概述
- 框架結構
- 編譯入口(\entries)
- web-compiler.js(web編譯)
- web-runtime.js(web運行時)
- web-runtime-wih-compiler.js(web編譯運行)
- web-server-renderer.js(web服務器渲染)
- 核心實現 (\core)
- index.js(核心入口)
- config.js(核心配置)
- core\util(核心工具)
- core\observer(雙向綁定)
- core\vdom(虛擬DOM)
- core\global-api(核心api)
- core\instance(核心實例)
- 模板編譯(\compiler)
- compiler\parser(模板解析)
- events.js(事件解析)
- helper.js(解析助手)
- directives\ref.js(ref指令)
- optimizer.js(解析優化)
- codegen.js(渲染生成)
- index.js(模板編譯入口)
- web渲染(\platforms\web)
- compiler(web編譯目錄)
- runtime(web運行時目錄)
- server(web服務器目錄)
- util(web工具目錄)
- 服務器渲染(\server)
- render-stream.js(流式渲染)
- render.js(服務器渲染函數)
- create-renderer.js(創建渲染接口)
- 框架流程
- Vue初始化
- Vue視圖數據綁定
- Vue數據變化刷新
- Vue視圖操作刷新
- 框架工具
- 基礎工具(\shared)
- 模板編譯助手
- 核心實例工具
- Web渲染工具
- 基礎原理
- dom
- string
- array
- function
- object
- es6
- 模塊(Module)
- 類(Class)
- 函數(箭頭)
- 字符串(擴展)
- 代理接口(Proxy)
- 數據綁定基礎
- 數據綁定實現
- mvvm簡單實現
- mvvm簡單使用
- vdom算法
- vdom實現
- vue源碼分析資料