[TOC]
* * * * *
# 1 整體目錄
~~~
Vue2.0/ ;框架總目錄
benchmarks/ ;性能測試目錄
build/ ;框架構建目錄
dist/ ;框架生成目錄
examples/ ;框架示例目錄
flow/ ;類型檢查目錄
packages/ ;框架打包目錄
src/ ;框架核心目錄
test/ ;框架測試目錄
~~~
# 2 核心目錄
~~~
Vue2.0/src/
compiler/ ;模板編譯目錄
directives/ ;指令編譯目錄
bind.js ;bind指令編譯
index.js ;指令編譯入口
ref.js ;ref指令編譯
parser/ ;模板解析目錄
entity-decoder.js ;html轉text
filter-parser.js ;過濾器解析
html-parser.js ;html解析
index.js ;模板解析入口
sfc-parser.js ;*.vue文件解析
text-parser.js ;text解析
codegen.js ;ast生成渲染函數
error-detector.js
events.js ;events渲染函數生成
helper.js ;模板編譯輔助函數
index.js ;模板編譯入口
optimizer.js ;解析結果優化
core/ ;vue核心目錄
components/ ;vue框架組件
index.js ;組件入口
keep-alive.js ;keep-alive組件
global-api/ ;vue擴展api
assets.js ;vue資源注冊
extend.js ;vue子類繼承
index.js ;vue擴展api入口
mixin.js ;vue屬性合并
use.js ;vue插件擴展
instance/ ;vue核心
events.js ;vue事件接口
index.js ;vue核心入口
init.js ;vue核心初始化
lifecycle.js ;vue生命周期接口
proxy.js ;vue數據代理接口
render.js ;vue渲染接口
state.js ;vue狀態接口
observer/ ;vue數據綁定
array.js ;array數據監控
dep.js ;vue消息訂閱器數組
index.js ;vue數據綁定入口
scheduler.js ;vue刷新隊列
watcher.js ;vue消息訂閱器
util/ ;vue核心工具
debug.js ;vue調試工具
env.js ;vue運行環境
index.js ;vue核心入口
lang.js ;vue語言工具
options.js ;vue選項工具
props.js ;vue的prop工具
vdom/ ;vue虛擬dom
modules/ ;vue虛擬dom模塊目錄
directives.js ;虛擬dom指令模塊
index.js ;虛擬dom模塊入口
ref.js ;虛擬dom引用模塊
create-component.js ;生成組件vdom
create-element.js ;生成元素vdom
helpers.js ;vue虛擬dom輔助函數
patch.js ;vue虛擬dom比較刷新
vnode.js ;vue虛擬dom實例化
config.js ;vue核心配置
index.js ;vue核心入口
entries/ ;vue構建入口
web-compiler.js ;vue編譯時構建入口
web-runtime.js ;vue運行時構建入口
web-runtime-with-compiler.js ;vue編譯運行時構建入口
web-server-renderer.js ;vue服務器渲染入口
platforms/web/ ;web平臺接口目錄
compiler/ ;web平臺編譯接口
directives/ ;web指令編譯
html.js ;v-html指令
index.js ;指令入口
model.js ;v-model指令
text.js ;v-text指令
modules/ ;web編譯模塊
class.js ;class屬性編譯
index.js ;編譯模塊入口
style.js ;style屬性編譯
transition.js ;transition屬性編譯
index.js ;web編譯時入口文件
runtime/ ;web平臺運行時接口
components/ ;web運行時組件
index.js ;組件入口
transition-control.js ;動畫控制組件
directives/ ;web運行時指令接口
index.js ;web運行時指令入口
model.js ;web運行時model指令
show.js ;web運行時show指令
modules/ ;web運行時模塊
attrs.js ;web運行時屬性接口
class.js ;web運行時class接口
events.js ;web運行時事件接口
index.js ;web運行時模塊入口
props.js ;web運行時props接口
style.js ;web運行時style接口
transition.js ;web運行時transition接口
class-util.js ;svg-class操作接口
node-ops.js ;web節點操作
patch.js ;web節點對比刷新接口
server/ ;web服務器渲染接口
directives/ ;web服務器指令目錄
index.js
show.js
modules/ ;web服務器模塊目錄
attr.js ;web服務器屬性渲染
class.js ;web服務器class渲染
index.js ;web服務器模塊入口
style.js ;web服務器style渲染
util/ ;web平臺工具
attrs.js ;web元素attr操作
class.js ;web元素class操作
element.js ;web標簽元素操作
index.js ;web工具入口
server/ ;Node服務器端渲染
create-renderer.js ;服務端渲染接口
render.js ;服務端函數渲染
render-stream.js ;服務端流渲染
shared/ ;Vue工具目錄
util.js ;公共工具文件
~~~
# 3 其他目錄
~~~
Vue2.0/
benchmarks\ ;性能測試目錄
big-table\
dbmon\
recorder-list\
ssr\
svg\
build\ ;構建目錄
alias.js ;目錄別名
build.js ;構建入口
ci.sh ;自動化腳本
karma.base.config.js ;karma自動測試
karma.cover.config.js
karma.dev.config.js
karma.sauce.config.js
karma.unit.config.js
nightwatch.config.js ;nightwatch自動測試
release.sh ;發布自動化腳本
webpack.compiler.dev.config.js ;wabpack打包工具配置
webpack.dist.dev.config.js
webpack.dist.dev.entry.js
webpack.ssr.dev.config.js
webpack.ssr.dev.entry.js
dist\
vue.common.js ;vue運行時生成文件
vue.js ;vue編譯運行時文件
vue.min.js ;vue編譯運行時壓縮文件
examples\ ;vue示例目錄
commits\
elastic-header\
firebase\
grid\
markdown\
modal\
select2\
svg\
todomvc\
tree\
flow\ ;flow類型檢查配置
compiler.js
component.js
global-api.js
options.js
vnode.js
packages\ ;vue打包生成目錄
vue-server-renderer\
vue-teample-compiler\
test\ ;vue測試目錄
e2e\
helpers\
ssr\
unit\
~~~
# 4 其他文件
~~~
Vue2.0\
.babelrc ;babel配置
.eslintignore ;eslint配置
.eslintrc
.flowconfig ;flow配置
circle.yml
package.json ;npm包文件
README.md ;說明文件
~~~
- 框架概述
- 框架目錄
- 類型檢查
- 測試示例
- 構建目錄
- 核心依賴
- 框架結構
- 模板編譯(compiler)
- directives(指令解析)
- parser(模板解析)
- codegen.js(生成渲染函數)
- error-detector.js(錯誤檢測)
- events.js(事件解析)
- helpers.js(編譯助手)
- index.js(編譯入口)
- optimizer.js(解析優化)
- 核心接口(core)
- components(框架組件)
- global-api(框架擴展)
- instance(Vue核心)
- observer(數據綁定)
- util(核心工具)
- vdom(虛擬dom)
- config.js(配置文件)
- index.js(入口文件)
- 構建入口(entries)
- web-compiler.js(編譯時)
- web-runtime.js(運行時)
- web-runtime-with-compiler.js(編譯運行時)
- web-server-renderer.js(服務端渲染)
- 平臺接口(platforms\web)
- compiler(web編譯時)
- runtime(web運行時)
- server(web服務渲染)
- util(web工具)
- 服務端渲染(server)
- create-renderer.js(渲染接口)
- render.js(函數渲染)
- render-stream.js(流渲染)
- 工具目錄(shared)
- util(工具文件)
- 框架流程
- Vue初始化
- Vue模板編譯
- Vue數據渲染
- Vue數據綁定
- 框架更新
- 更新日志
- 基礎原理
- js基礎
- 數據綁定基礎
- vdom基礎
- mvvm基礎
- 框架總結