[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基础
- 框架总结