How to inject a component into a vue js component?

Question

JavaScript

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

It works, but what if I want to pass not the component name, but the component object itself?

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

Answer 1

If you use a modular assembly system, then you can do this:

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

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

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