Возможно ли во Vue компоненте подключить какой-либо компонент из родительского?

Question

[Артем]

Возможно ли во Vue компоненте подключить какой-либо компонент из родительского?

В App компоненте создаю компонент A и передаю туда какие-то данные через props и среди этих данных могут передаваться названия компонентов. Внутри A я подключаю эти компоненты следующим образом:
div v-if="el.componentName" :is="el.componentName"
Но чтобы это все работало приходится импортировать компоненты в A и подключать их в components. В итоге и возник вопрос, можно ли в A подключать компоненты как-то из родительского App, чтобы в A они в итоге подключались динамически?

Код: https://codesandbox.io/s/vue-template-ks07w

Comments

[Сергей delphinpro]

Зарегистрировать их глобально в main.js

import MyComp from './myComp';
Vue.component('MyComp', MyComp);

new Vue({
  ...
});

Answer 1

[FullStack Alex]

Вместо имени компоненты просто передавайте саму компоненту. Соответственно компонента должна быть импортирована в родительской Аpp. В своих приложениях я передаю компоненты через Vuex но с props думаю тоже должно также сработать.

Только вместо components нужно будет в data декларировать динамичную компоненту. Вот простой пример:
https://codesandbox.io/s/vue-template-ifw07

Comments

[Артем]

Спасибо за решение!