как импортировать компонент из файла, который имеет несколько компонентов

Question

Я хочу импортировать определенный компонент Vue из файла, содержащего несколько компонентов Vue, в файл другого компонента

Я пробовал обычный компонент импорта из './components/SeveralComponents, но это не сработало

Vue.component('firstComponent', {
    props: [a,b,c],
    template: <p>hello world</p>
});

Vue.component('secondComponent', {
    props: [c,d,e],
    template: <h1> heading1 </h1>
});

<div>
    <secondComponent></secondComponent>
</div>

export default {
    name: 'SeveralComponents',
    data() {
},
    methods: {
        method1() {
}

Как импортировать firstComponent в другой файл компонента?

Я ожидаю только первый компонент

Answer 1

Вы можете экспортировать объект параметров, используя именованный экспорт, и зарегистрировать объект в Vue на другом шаге.

Затем импортируйте именованный экспорт в файл клиента.

export const firstComponent = {
    props: [a,b,c],
    template: <p>hello world</p>
}
Vue.component('firstComponent', firstComponent); 


import {firstComponent} from 'MultiComponent.vue'