码迷,mamicode.com
首页 > 其他好文 > 详细

Vue模版编译

时间:2019-09-21 19:03:36      阅读:86      评论:0      收藏:0      [点我收藏+]

标签:文件   col   soft   渲染   span   mes   code   cti   static   

 

一 模版文件

 

<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模版编译

标签:文件   col   soft   渲染   span   mes   code   cti   static   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!