Javascript 如何从包含多个组件的文件中导入组件

我想将具有多个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() {
}

Vue.component（'firstComponent'{
道具：[a，b，c]，
模板：hello world

});
Vue.component（'secondComponent'{
道具：[c，d，e]，
模板：标题1
});
导出默认值{
名称：'SeveralComponents'，
数据（）{
},
方法：{
方法1（）{
}

如何将firstComponent导入另一个组件文件

---

我希望只有第一个组件

您可以使用命名导出导出选项对象，并在另一个步骤中向Vue注册该对象

然后在客户端文件中导入命名的导出

export const firstComponent={
道具：[a，b，c]，
模板：hello world

}
Vue.component（'firstComponent'，firstComponent'）；
从'MultiComponent.vue'导入{firstComponent}

您需要

导出js文件中的组件，以便
在其他地方导入它们。您有两个全局组件注册，因此您不需要导出/导入它们，因为它们是全局可用的。如果您实际上想让它们在本地注册，您应该导出组件定义（例如，按名称）这样就可以将它们导入到另一个文件中。