Как вставить компонент в компонент vue js?

Question

[furrya_black]

Vue.component('ComponentName', ComponentDefinition);
...
props: { 
    compName: { type: String, default: '' } 
    propsData: { type: Object, default: {} }
}
<component :is="compName" v-bind=propsData>
<!-- вот тут compName  строка с именем ранее зар-ного компонента -->

Работает, но если я хочу передать не имя компонента, а сам объект компонента?

import comp from '@/path/comp.vue';
...
props: { 
    comp: { type: Object, default: {} } 
    propsData: { type: Object, default: {} }
}
<component :is="comp" v-bind=propsData>
<!-- вот тут comp уже передан как объект, не строка с именем ранее зар-ного компонента -->

Comments

[furrya_black]

Динамически создают оверлэй, окно поверх всей верстки, там может быть текст , спиннер, другой компонент.

Сейчас хочу передать туда локальный компонент, который не хочу регистрировать глобально через Vue.component

Answer 1

[Evgeny Kulakov]

Если используется система модульной сборки, то можно так:

<template>
  <component :is="comp" v-bind=propsData>
</template>

<script>
import comp from '@/path/comp.vue';

export default {
  props: ['propsData'],
  data() {
    return {
      comp
    }
  }
}
</script>