Как динамически передать компонент в другой компонент во Vue?

Есть родительский компонент <MainComponent /> и два дочерних <ChildOneComponent />, <ChildTwoComponent />

Вопрос: Как отобразить компонент <ChildOneComponent /> или <ChildTwoComponent /> в компоненте <MainComponent />?

Пример использования:

<MainComponent>
  {{ Сюда нужно динамически передавать компонент `<ChildOneComponent>` или `<ChildTwoComponent>` }}
</MainComponent>

Пытаюсь реализовать через слоты, но не выходит..

P.S. Весь лишний код импорта опущен для простоты примера.


Ответы (0 шт):