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

 

来源：博客园

作者：沙滩海风

链接：https://www.cnblogs.com/sea-breeze/p/11563834.html