return () => [ // h('h4', {}, [renderSlot(context.slots, 'default', {text : result.value}), h('span', '动态渲染,插槽'),]), // 插槽渲染,同时传参, 并且在h4标签里放一个span标签 or直接context.slots.default // 插槽渲染,同时传参, 并且在h4标签里放一个span标签 h('h4', {}, [context.slots.default!({text : result.value}), h('span', '动态渲染,插槽') ]), // 插槽渲染,同时传参, 并且在h5标签里放一个组件,并且该组件具有参数和方法 h('h5', {}, [context.slots.list!({msg: 'list solts'}), h(Model1,{title: title.value,onUpdateTitle(name: string){title.value = name}})]) ]
相当于:
使用
默认插槽 动态渲染,插槽
具名插槽 // updateTitle是修改title属性的方法
return () => h( Model2, {class: 'model2'}, { hate: (props) => h('div', `我是传进${props.hate}的插槽内容`), default: (props) => h('div', `default插槽内容::>>${props.message}`) } )
相当于:
{{`BlogPostWrapper的default插槽内容::>>${props.message}`}}{{`我是传进${props.hate}的插槽内容`}}