[Vue源码] Vue中模板编译原理

一、Vue中模板编译原理

原理：将 template 转化成 render 函数

抽象语法树（abstract syntax code，AST）是源代码的抽象语法结构的树状表示，树上的每个节点都表示源代码中的一种结构，这所以说是抽象的，是因为抽象语法树并不会表示出真实语法出现的每一个细节，比如说，嵌套括号被隐含在树的结构中，并没有以节点的形式呈现。

Vue2.0用的是 simplehtmlparser.js by JQ之父 Erik Arvidsson

1、将模板转化成AST抽象语法树

function baseCompile ( template: string, options: CompilerOptions ) {
   
    
    
	const