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

Vue render函数

时间:2017-09-05 15:47:17      阅读:173      评论:0      收藏:0      [点我收藏+]

标签:pre   dem   16px   blog   ops   code   vue   def   return   

Vue 推荐在绝大多数情况下使用template来创建你的HTML。然而的一些场景中,你真的需要javascript的完全编程能力,

这就是render函数,它比template更接近编译器

demo

Vue.component(‘render-demo‘,{

props:{

  level:{ type:Number,required:true},

  render:function(createElement){

    return createElement(‘h‘+this.level,this.$slots.default)

  }

},

});
<render-demo level=‘2‘>this is my first render demo</remder-demo>=======><h2>this is my first render demo!</h2>

 

Vue render函数

标签:pre   dem   16px   blog   ops   code   vue   def   return   

原文地址:http://www.cnblogs.com/xiaofenguo/p/7478541.html

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