hn-failte / vue_source_code_note

reading vue source code and note functrues in files.

Vue源码解读笔记

Vue使用了flow检测，该语法类似Typescript。而在Vue3.0中，Typescript替换了flow做类型检测。 有没有想过Vue是怎么写出来的，各个模块的原理是什么？那么我带大家看看源码。

首先，我们拉取vue的源码，git clone https://github.com/vuejs/vue.git

然后为了方便查看，我们使用vscode或webstorm进行查看

目录结构分析

根据展示的目录分析，对应了以下不同的功能：

1、benchmarks

项目的性能测试

针对vue进行性能测试

2、dist

项目的输出

可以在这里找到vue的各种版本。包括commonJS规范、esm规范、umd规范（不带后缀的）等

3、examples

项目的使用样例

可以学习如何使用Vue的样例

4、flow

静态类型检查

5、packages

vue项目包

6、scripts

项目的命令，可以对该项目进行操作

7、src

项目源文件

8、test

单元测试

9、types

vue的ts声明