Как экспортировать несколько объектов из файла .vue - PullRequest
Новая
       28

Как экспортировать несколько объектов из файла .vue

0 голосов
/ 27 сентября 2018

Я использую typescript с Vue.И для этого конкретного случая использования я хотел бы экспортировать несколько элементов из моего .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?

1 Ответ

0 голосов
/ 27 сентября 2018

В вашем vue файле напишите: 

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

const Bar = { bar: "bar" };

export { Bar };
export default Foo;

Затем вы сможете импортировать их, используя: 

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

Более подробную информацию о том, как работает экспорт, можно найти здесь .

...