프로그래밍 방식으로 만들어 vuejs 구성 요소 인스턴스에 슬롯을 전달하는 방법을

Question

내 애플하는 나는 다음과 같은 방법을 사용하고, 동적 구성 요소 인스턴스를 만들 필요

import Button from 'Button.vue' 
... 
var Ctor = Vue.extend(Button); 
var instance = new Ctor({ propsData: {} }); 
instance.$mount('#el'); 

모든이가 잘 작동, 내가 너무 소품을 통과 할 수 있어요를 . 하지만 이제는 그 인스턴스에 슬롯을 전달해야합니다. 내가 좋아하는 임의 실패한 일을 시도 :

var instance = new Ctor({ propsData: {}, slots: { default: someNode }}); 

나는 모든 곳에서 검색 한 그도 가능인지 아닌지 단서가 없다. 어떤 포인터?

Answer 1

슬롯이 $slots 키를 조작하여 생성 된 인스턴스에 설정 될 수 있습니다

import Button from 'Button.vue' 
... 
var Ctor = Vue.extend(Button); 
var instance = new Ctor({ propsData: {} }); 

// SET SLOT 
component.$slots.default = [ 'Hello' ]; 

instance.$mount('#el');