.vue 파일에서 여러 개체를 내보내는 방법

.vue 파일에서 여러 개체를 내보내는 방법

사용하고 있다typescriptVue와 함께.이 특정 사용 사례에 대해서는, 제 사이트에서 여러 아이템을 내보내고 싶습니다..vue파일. 이렇게.

// FooBar.표시하다

<template>
    ...
</template>

export class Foo extends Vue {
    foo: string = "foo";
}

export const Bar = {bar: "bar"};

그런 다음 다음과 같이 Import합니다.

// Baz.vue

import { Foo, Bar } from 'FooBar.vue';

@Components({ components: { Foo }})
... // rest of the code

에서 여러 개체를 내보내는 방법이 있습니까?.vue파일을 Vue로 제출하시겠습니까?

vue 파일에 다음과 같이 적습니다.

class Foo extends Vue {
    foo: string = "foo";
}

const Bar = { bar: "bar" };

export { Bar };
export default Foo;

그런 다음 다음을 사용하여 이러한 항목을 가져올 수 있습니다.

import Foo, { Bar } from 'FooBar.vue';

내보내기 동작에 대한 자세한 내용은 여기를 참조하십시오.

언급URL : https://stackoverflow.com/questions/52526377/how-to-export-multiple-objects-from-a-vue-file