【Vue】理解Vue源码系列（一）

深入理解Vue源码，才是真正的使用Vue。我们可能用Vue开发了很多项目，但并不知道Vue框架中的原理，这样我们只会是一个Api调用师。理解一些框架的源码，帮助我们去设计、开发出更高质量的代码，这是一个真正工程师的必要技能。接下来，我们开启Vue源码探究之旅。

本次Vue源码系列的Vue版本为2.6.10，所有的讨论都是围绕着这个版本的Vue展开的。

我们先来看Vue源码目录，Vue源码都在src目录下。

src
├── compiler        # 编译相关 
├── core            # 核心代码 
├── platforms       # 不同平台的支持
├── server          # 服务端渲染
├── sfc             # .vue 文件解析
├── shared          # 共享代码

Compiler

这个目录是有关Vue编译相关的代码，主要是将模板转化成render函数。编译的工作可以通过webpack等工具取代，也可以直接在运行时编译，但会带来性能的损耗。因此我们推荐离线编译。

Core

Vue源码中的核心部分，生命周期、渲染过程、双向绑定等等都在这里，是我们要探究的核心

Platforms

Vue是跨平台框架，他可以运行在web平台和weex平台上，提供了在不同平台上运行的入口。

Server

用于服务端渲染

Sfc

这个目录下的代码逻辑会把 .vue单文件内容解析成一个 JavaScrip