vue源码解读(一)
vue源码的目录结构
vue源码根目录下有很多文件夹,以下是各文件夹存放的文件说明
Vue
|— build 打包相关的配置文件,其中最重要的是config.js。主要是根据不同的入口,打包为不同的文件。
|— dist 打包之后文件所在位置
|— examples 部分示例
|— flow 因为Vue使用了Flow来进行静态类型检查,这里定义了声明了一些静态类型
|— packages vue还可以分别生成其它的npm包
|— src 主要源码所在位置
|— compiler 模板解析的相关文件
|—codegen 根据ast生成render函数
|—directives 通用生成render函数之前需要处理的指令
|—parser 模板解析
|— core 核心代码
|— components 全局的组件,这里只有keep-alive
|— global-api 全局方法,也就是添加在Vue对象上的方法,比如Vue.use,Vue.extend,,Vue.mixin等
|— instance 实例相关内容,包括实例方法,生命周期,事件等
|— observer 双向数据绑定相关文件
|— util 工具方法
|— vdom 虚拟dom相关
|— entries 入口文件,也就是build文件夹下config.js中配置的入口文件。看源码可以从这里看起
|— platforms 平台相关的内容
|— web web端独有文件
|— compiler 编译阶段需要处理的指令和模块
|— runtime 运行阶段需要处理的组件、指令和模块
|— server 服务端渲染相关
|— util 工具库
|— weex weex端独有文件
|— server 服务端渲染相关
[code] |— sfc |— parser.js 包含了单文件 Vue 组件 (*.vue) 的解析逻辑。在 vue-template-compiler 包中被使用。
|— shared 共享的工具方法
|— test 测试用例
阅读更多- 个人认为:vue最好的源码解读
- Vuejs2.5.9源码解读(1) — package.json
- 梁少峰大侠的巨作vue源码解读 react webpack
- Vue源码解读一:Vue数据响应式原理
- Vue2.5.9源码解读(2) — build/config.js
- Vue源码解读——实现一个双向绑定(Object.defineProperty与observe)
- Vue源码解读之Component组件注册的实现
- Vue Socket.io源码解读
- vue源码解读-各构建版本
- vue源码解读预热-0
- vueJs源码解读0-2
- vue.js 源码解读
- vue的源码解读
- NodeJS基础-8 HTTP源码解读
- ArrayList源码解读
- Caffe源码解读:dropout_layer的正向传播和反向传播
- 金山卫士界面源码解读及界面库分离(3)
- AFNetworking 3.0 源码解读(七)之 AFAutoPurgingImageCache
- Tomcat源码解读系列(一)——server.xml文件的配置
- 解读自定义viewgroup在计算测量上的部分源码