render函数

render函数中的参数是createElement,它是一个function
函数里面的第一个参数可以是String / Object / Function,第一个参数是必须的

Vue.component('child',{
    render:function(createElement){
//第一个参数可以是字符串--HTML标签
    // return createElement('div')
//object--一个含有数据选项的对象
    // return createElement({
    //  template:'
1111
' // }) //function--返回含有数据选项的对象 var domFun = function(){ return { template: '
1111
' } } return createElement(domFun()) } })

第二个参数是可选的,是数据对象

第三个参数也是可选的,代表子节点,可以是String / Array

slot插槽的使用

1级标题

内容1111.。。。。

内容2222.。。。。。。

终极标题

使用props传递数据

demo

作用域插槽

  1. 在HTML模板上通过slot-scope定义一个自定义的命名
  2. 在render函数中用this.$scopeSlots.default({})拿到内容
  3. 使用文本插值的方式展示获取内容下的具体内容
    demo
    v-model在render函数中的使用

函数化组件
functional:true 表示当前的vue实例屋状态,无实例

你可能感兴趣的:(render函数)