renderFn.js

import btn1 from './btn1.vue'
import btn2 from './btn2.vue'
import {h} from 'vue'

export const renderFn = function (props, {slots}) {
    console.log('renderFn', props);
    console.log('renderFn', slots);
    // 加载组件
    // return props.type == 1 ? h(btn1) : h(btn2)
    // 加载默认插槽 - 具名插槽
    return props.type == 1 ? h(btn1, [slots.default(), slots.name({
        text: props.type
    })]) : h(btn2)
}