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!")

        ])

    ]);

  }

}