1. 程式人生 > >Vue render函數

Vue render函數

class ren reat scrip 使用 require ont eat cti

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函數