Vue: 렌더링 함수(createElement) 내에서 슬롯 이름을 지정할 수 없습니다.

이 기능은 어떤 문제를 해결합니까?

아래와 같이 렌더링 기능 내에서 슬롯 이름을 지정합니다.

return createElement(rootcmp, { default: [ createElement(childCmp) ], temp: [ createElement(childCmp2) ] } );

제안된 API는 어떻게 생겼습니까?

render 함수 내에서 자식 요소를 생성할 때 'default', 'temp'와 같은 슬롯 이름을 지정합니다.

return createElement(rootcmp, { default: [ createElement(childCmp) ], temp: [ createElement(childCmp2) ] } );

아래의 전체 코드:

@Component({
    props:[]
})
export class TestComponent extends Widget{
    items:any[];
    render(createElement:any){
        const rootcmp = {
            template:`<div>
                Temp:<slot name="temp"></slot>
                Default:<slot></slot>
            </div>`
            , data:()=>{
                return {};
            }
        }
        const childcmp = {
            template:'<div slot="default">This is child</div>'
            , data:()=>{
                return {};
            }
        }
        const childcmp2 = {
            template:'<div slot="temp">This is child</div>'
            , data:()=>{
                return {};
            }
        }
        return createElement(rootcmp
             , { default: [ createElement(childcmp) ], temp:[ createElement(childcmp2) ]);
    }
}

예상되는 동작:

<div>
      Temp:<div>This is child</div>
      Default:<div>This is child</div>
</div>