【Vue原理】Compile - 白话版

写文章不容易，点个赞呗兄弟


专注 Vue 源码分享，文章分为白话版和 源码版，白话版助于理解工作原理，源码版助于了解内部详情，让我们一起学习吧
研究基于 Vue版本 【2.5.17】

如果你觉得排版难看，请点击 下面链接 或者 拉到 下面关注公众号也可以吧

【Vue原理】Compile - 白话版

终于到了要讲 compile 白话的时候了，大家准备好了吗，白话版肯定不会很复杂啦，源码版就不一定了。。。

源码版我写了9篇啊！每篇的篇幅都很长啊！！我都快写奔溃了啊！！

都快坚持不下来了，我算了算， compile 的源码版，我好像快写了一个多月？？？

卧槽，竟然写了这么久…

好吧，现在开始我们的正文

---

Compile

compile 的内容非常多，大致分为三块主要内容，我也称他们是Vue的 渲染三巨头

就是 parse，optimize，generate

虽然分为三块，但是要明确一点

compile 的作用是解析模板，生成渲染模板的 render

比如这样的模板