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
作用域插槽
- 在HTML模板上通过
slot-scope
定义一个自定义的命名 - 在render函数中用
this.$scopeSlots.default({})
拿到内容 - 使用文本插值的方式展示获取内容下的具体内容
demo
v-model
在render函数中的使用
函数化组件
functional:true 表示当前的vue实例屋状态,无实例