Vue.js: 프로그래밍 방식으로 기능 구성 요소 인스턴스화

Vue.js: 프로그래밍 방식으로 기능 구성 요소 인스턴스화

이 코드를 사용하여 기능 구성 요소를 인스턴스화하는 경우

const Component_Constructor = Vue.extend(Component);
let component_instance = new Component_Constructor();
component_instance.$mount();

구성 요소가 정의되지 않다context 에 대한 논쟁.render기능을 발휘하다

매개 변수(매개, 슬롯, 자식, ...)를 구성 요소에 전달하려면 어떻게 해야 하는가?

내가 지금까지 발견한 유일한 해결책은 그것을 포장하는 것이다.functional다음과 같은 다른 일반 구성 요소로 구성 요소:

let AComponent = {
    functional: true,
    name: 'a-component',
    render(h, context) {
        return h('div', context.children[0].text);
    }
};
let template = `<a-component>test content</a-component>`;
let WrapperComponent = Vue.extend({
    components: {AComponent},
    template,
});
let componentInstance = new WrapperComponent().$mount();
let content = componentInstance.$el;

부에즈 핵심 팀 중 한 팀이 여기서 말했듯이, 당신은 수동으로 기능 구성요소를 장착할 수 없다.

$mountproperties는 기능 구성요소가 가지고 있지 않은 vue 인스턴스를 필요로 한다.

참조URL: https://stackoverflow.com/questions/53868593/vue-js-instantiate-functional-component-programmatically