Vue render函数

Posted 半夏微澜ぺ

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Vue render函数相关的知识,希望对你有一定的参考价值。

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函数的主要内容,如果未能解决你的问题,请参考以下文章

vue2.0之render函数

iview render函数常用总结(vue render函数)

Vue - 渲染函数render

Vue render函数认识和使用

在vue中使用render函数

Vue中render渲染函数详解