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导入另一个组件文件？

我希望只有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'

如何从具有多个组件的文件中导入组件

1 个答案: