如何从 .vue 文件中导出多个对象

Question

我在 Vue 中使用 typescript。对于这个特定的用例，我想从我的.vue 文件中导出多个项目。像这样：

// FooBar.vue

<template>
    ...
</template>

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

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

然后像这样导入它们：

// Baz.vue

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

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

有没有办法从 Vue 中的 .vue 文件中导出多个对象？

Answer 1

在你的 vue 文件中写入：

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

const Bar = { bar: "bar" };

export { Bar };
export default Foo;

然后您就可以使用以下方法导入这些：

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

有关导出如何工作的更多详细信息，请访问here。