Vue模版编译

一 模版文件

<div>
  <header>
    <h1>I'm a template!</h1>
  </header>
  <p v-if="message">{{ message }}</p>
  <p v-else>No message.</p>
</div>

二 渲染函数（render）

function anonymous() {
  with (this) {
    return _c("div", [
        // header部分
        _m(0),
        // if-else部分
        message ?
            _c("p", [_v(_s(message))]) :
            _c("p", [_v("No message.")])
    ]);
  }
}

三 静态渲染函数（staticRenderFns）

_m(0): function anonymous() {
  with (this) {
    return _c("header", [
        _c("h1", [
            _v("I'm a template!")
        ])
    ]);
  }
}