.vue中的html是真实的html吗？ #

这一小节，我们首先需要思考一个问题： 在.vue文件中的 template 写入的 html 是真实的 html 标签节点吗？

答案是：不是的！

原因非常简单，如果我们写入的是真实 html 节点，对于 v-if、v-bind、keep-alive 这些东西，浏览器明显是 不认识 的，所以这些东西应该无法解析。

但是现实是这些指令或组件被正确解析了，所以 vue一定在中间做了什么，让 假的html标签节点 被渲染成了 真实的html标签节点。

那么 Vue 在中间做了什么事情呢？

简单来说可以分成两件事（排序按执行顺序）：

1. 编译时：complier
2. 运行时：runtime

这两个东西对于大家而言，可能比较陌生，但是在 Vue官网 中早就提到了这几个概念。

这些概念一共有三个，如果我们要学习Vue的框架设计，那么就必须要了解它们，它们分别是：

1. 运行时：runtime
2. 编译时：complier
3. 运行时 + 编译时：runtime + complier