vue模板编译过程

模板编译流程

vue-template-complier 将模板编译成render函数，render函数返回vnode，经过patch方法的diff算法以及一系列处理生成vdom再挂载到页面上。

// 基本代码
let compiler = require('vue-template-compiler')
let template = `<p>xxxx</p>`
let res = compiler.compile(template)
console.log(res.render) // with(this){return _c('p',[_v("xxxx")])}
// _c可以理解为creatElement函数

with语句：将代码的作用域设置到一个特定的作用域中

vue组件可以用render代替template

写法：

::: warring 注意 react中只有render（没有模板） :::