首页 > 其他 > 详细

Vue模版编译

时间:2019-09-21 18:26:50      阅读:73      评论:0      收藏:0      [点我收藏+]

 

一 模版文件

 

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

 

Vue模版编译

原文:https://www.cnblogs.com/sea-breeze/p/11563834.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!