[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.kancloud.cn/zmwtp/vue2/148823) >> [编译入口(\entries)](http://www.kancloud.cn/zmwtp/vue2/148825) >>> [web-compiler.js(web编译)](http://www.kancloud.cn/zmwtp/vue2/150239) >>> [web-runtime.js(web运行时)](http://www.kancloud.cn/zmwtp/vue2/150240) >>> [web-runtime-wih-compiler.js(web编译运行)](http://www.kancloud.cn/zmwtp/vue2/150241) >>> [web-server-renderer.js(web服务器渲染)](http://www.kancloud.cn/zmwtp/vue2/150242) >> [核心实现(\core)](http://www.kancloud.cn/zmwtp/vue2/148824) >>> [index.js(核心入口)](http://www.kancloud.cn/zmwtp/vue2/149714) >>> [config.js(核心配置)](http://www.kancloud.cn/zmwtp/vue2/149715) >>> [core\util(核心工具)](http://www.kancloud.cn/zmwtp/vue2/149716) >>> [core\observer(双向绑定)](http://www.kancloud.cn/zmwtp/vue2/149717) >>> [core\vdom(虚拟DOM)](http://www.kancloud.cn/zmwtp/vue2/149718) >>> [core\global-api(核心api)](http://www.kancloud.cn/zmwtp/vue2/149720) >>> [core\instance(核心实例)](http://www.kancloud.cn/zmwtp/vue2/149719) >> [模板编译(\compiler)](http://www.kancloud.cn/zmwtp/vue2/148826) >>> [compiler\parser(模板解析)](http://www.kancloud.cn/zmwtp/vue2/150184) >>> [events.js(事件解析)](http://www.kancloud.cn/zmwtp/vue2/150186) >>> [helper.js(解析助手)](http://www.kancloud.cn/zmwtp/vue2/150187) >>> [directives\ref.js(ref指令)](http://www.kancloud.cn/zmwtp/vue2/150188) >>> [optimizer.js(解析优化)](http://www.kancloud.cn/zmwtp/vue2/150185) >>> [codegen.js(渲染生成)](http://www.kancloud.cn/zmwtp/vue2/150189) >>> [index.js(模板编译入口)](http://www.kancloud.cn/zmwtp/vue2/150190) >> [平台渲染(\platforms\web\)](http://www.kancloud.cn/zmwtp/vue2/148827) >>> [web\compiler\(web编译目录)](http://www.kancloud.cn/zmwtp/vue2/150243) >>> [web\runtime\(web运行时目录)](http://www.kancloud.cn/zmwtp/vue2/150244) >>> [web\server\(web服务器目录)](http://www.kancloud.cn/zmwtp/vue2/150245) >>> [web\util\(web工具目录)](http://www.kancloud.cn/zmwtp/vue2/150246) >> [服务器渲染(\server)](http://www.kancloud.cn/zmwtp/vue2/148828) >>> [render-stream.js(流式渲染)](http://www.kancloud.cn/zmwtp/vue2/150251) >>> [render.js(服务器渲染函数)](http://www.kancloud.cn/zmwtp/vue2/150252) >>> [create-renderer.js(创建渲染接口)](http://www.kancloud.cn/zmwtp/vue2/150253) > 框架流程 >> Vue初始化 >> Vue视图数据绑定 >> Vue数据变化刷新 >> Vue视图操作刷新 > 框架工具 >> 基础工具 >> 模板编译助手 >> 核心实例工具 >> Web渲染工具 > [基础原理](http://www.kancloud.cn/zmwtp/vue2/148832) >> [function](http://www.kancloud.cn/zmwtp/vue2/149721) >> [object](http://www.kancloud.cn/zmwtp/vue2/149263) >> [数据绑定基础](http://www.kancloud.cn/zmwtp/vue2/149262) >> [数据绑定实现](http://www.kancloud.cn/zmwtp/vue2/149484) >> [mvvm简单实现](http://www.kancloud.cn/zmwtp/vue2/149485) >> [mvvm简单使用](http://www.kancloud.cn/zmwtp/vue2/149498) >> [vdom算法](http://www.kancloud.cn/zmwtp/vue2/149727) >> [vdom实现](http://www.kancloud.cn/zmwtp/vue2/149728)