简述Vue.js的template编译的理解 ？
Vue.js 的模板编译主要包括以下三个步骤：
- 解析：首先，Vue.js 会使用 HTML 解析器将模板解析成抽象语法树（AST），即一种以树形结构表达源代码结构的方式。每个节点都表示源代码中的一部分。
-
优化：Vue.js 的编译器会在 AST 中进行静态节点标记。这是一个优化的步骤，标记静态节点可以在 patch 过程中跳过它们，从而提高渲染的性能。
-
生成：最后，Vue.js 的编译器将 AST 转化为渲染函数的字符串。这个渲染函数将会被用于创建虚拟 DOM，并在数据改变时更新视图。
为了理解这个过程，我们可以看一个简单的例子：
<div id="app">{{ message }}</div>
上面的模板会被编译为如下的渲染函数：
function render() {
with(this) {
return _c('div', { attrs: { id: 'app' } }, [ _v(_s(message)) ]);
}
}
在这个渲染函数中，_c 是 createElement 的别名，用于创建 VNode，_v 用于创建文本 VNode，_s 用于将变量转为字符串。所以这个渲染函数所表达的和原来的模板是一样的意思，只不过形式变了。
这个编译过程默认是在运行时进行的，但是也可以在构建时进行，这样可以减少运行时的计算量，提高渲染的性能。