我在Vue中使用typescript.对于这个特定的用例,我想从.vue文件中导出多个项目.这样地:

//福巴.vue

<template>
    ...
</template>

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

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

然后像这样导入它们:

//巴兹.vue

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

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

Is there a way to export multiple objects from a 100 file in Vue?

推荐答案

在vue文件中写入:

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

const Bar = { bar: "bar" };

export { Bar };
export default Foo;

然后,您可以使用以下方式导入这些内容:

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

有关导出工作原理的更多详细信息,请参见第here页.

Vue.js相关问答推荐

无法解析组件:google—pay—button

vue3中的转换可以在滑入但不能滑出时工作

设置Vite Vue 3需要多个应用程序输出目录

vue js如何将布尔值传到数据库

如何在vue中获取特定类别的产品列表

无需直接 DOM 操作即可绘制d3-axis

Vuejs中的条件a href

Vuetify Datatable - 在所有列上启用内容编辑

如何将对象作为props传递并让组件更新子对象

CLI 3 - 如何为 CSS/Sass 创建vendor bundle ?

加载和渲染时对象值上的 Vue.js 未定义错误

Nuxt:显示静态文件夹中的本map像

如何将 vuetify 2.0 beta 安装到新的 vue cli 项目中?

基于条件的VueJS HTML元素类型

使用props向组件添加类名

Vue.js 拦截器

将 ref 的内容从子组件传递到另一个 VueJS 子组件

使用 vuejs 设置响应式屏幕宽度

Axios 请求拦截器在我的 vue 应用程序中不起作用

超过最大调用堆栈大小 Vuetify