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!")
        ])
    ]);
  }
}