Angular 是 Google 亲儿子，React 是 Facebook 小正太，那咱为啥偏偏选择了 Vue 下手，一句话，Vue 是咱见过的最对脾气的 MVVM 框架。之前也使用过 knockout，angular，react 这些框架，但都没有让咱产生 follow 的冲动。直到见到 Vue，简直是一见钟情啊。
本系列的目的不是介绍如何使用 Vue，而是希望把 Vue 的源码实现思路简单清晰地描绘出来，从而摸清一个 MVVM 框架是如何工作的，并从中学习封装轮子（库或框架）的各种实用技巧。文章中的不足和欠缺之处，请大家多多指教/抱拳。
Vue 版本：2.5.9
1
万事开头难
<div class="level-item first-level-item">
<span class="order-number">2</span>编译器模块
<div class="second-level">
<div class="level-item second-level-item ">
<span class="order-number">2.1</span>
<a href="//www.cnblogs.com/iovec/p/vue_02.html">编译器初探</a>
</div>
<div class="level-item second-level-item ">
<span class="order-number">2.1</span>
<a href="//www.cnblogs.com/iovec/p/vue_03.html">生成 AST</a>
</div>
<div class="level-item second-level-item ">
<span class="order-number">2.2</span>
<a href="//www.cnblogs.com/iovec/p/vue_04.html">生成 render 函数</a>
</div>
</div>
</div>
<div class="level-item first-level-item">
<span class="order-number">3</span>运行时模块
<div class="second-level">
<div class="level-item second-level-item ">
<span class="order-number">3.1</span>
<a class="latest-update" href="//www.cnblogs.com/iovec/p/vue_05.html">运行时鸟瞰图（2018年1月2日更新）</a>
</div>
</div>
</div>
本系列会以每周一篇的速度持续更新，喜欢的小伙伴记得点关注哦。