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

Question

我正在使用typescriptVue。对于此特定用例，我想从.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

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

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';

有关导出工作原理的更多详细信息，请参见此处。