[TOC]
****
## 1 目录结构
### 1-1 目录组织
~~~
\core
\index.js ;核心入口
\config.js ;核心配置
\util\ ;核心工具
\observe\ ;监视器接口
\vdom\ ;虚拟DOM接口
\instance\ ;核心接口
\global-api\ ;api扩展接口
~~~
### 1-2 目录层次
>[info] (core\util)
~~~
core\util
index.js
lang.js
props.js
options.js
debug.js
env.js
~~~
>[info] (core\observer)
~~~
\core\observer\
index.js ;数据监控器observer
dep.js ;消息订阅器
watcher.js ;消息订阅者
batcher.js ;刷新
array.js ;数组监控
~~~
>[info] (core\vdom)
~~~
~~~
>[info] (core\instance)
~~~
\core\instance\
index.js ;核心实例接口
lifecycle.js ;核心生命周期接口
proxy.js ;核心代理接口
state.js ;核心状态接口
events.js ;核心事件接口
render.js ;核心渲染接口
~~~
>[info] (core\global-api)
~~~
\core\global-api\
index.js ;全局api入口文件
extends.js ;Vue.extend()扩展接口
mixin.js ;Vue.mixin()合并接口
use.js ;Vue.use()插件接口
assets.js ;Vue组件资源
~~~
![](https://box.kancloud.cn/2016-05-06_572bf6c0146bf.png)
- 概述
- 框架结构
- 编译入口(\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源码分析资料