如何在多个 .vue 文件中使用 vue 对象

Question

我通过安装 Vue CLI 使用 Vue CLI GUI 构建了一个 Vue Router-scaffolding

在我的 App.vue 中，我导入了我的 Navigation.vue 组件文件。除此之外，我还有一个名为 Home.vue 的视图，其中我实现了另一个名为 Teams.vue 的组件，在该组件中，我使用 fetch API 从 .json 文件中加载了一些数据。

我想在多个文件中使用位于 teams.js 内的 Vue 对象中包含的各种属性、方法、...，而无需在我的所有 vue 文件中复制/粘贴代码。

 let app = new Vue({ ...

通过导航内的script 标记添加文件会使我的应用程序变为空白。

project tree

Answer 1

你可以exportteams.js末尾的变量：

export default app;

并将其导入Navigation.vue:

import app from "@/teams.js";