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

Posted 2023-02-23

【中文标题】如何在多个 .vue 文件中使用 vue 对象

【英文标题】：How to use vue object in multiple .vue files

【发布时间】：2020-08-15 06:36:51

【问题描述】：

我通过安装 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

【问题讨论】：

您能否添加更多关于您想要实现的目标的描述？

【参考方案1】：

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

export default app;

并将其导入Navigation.vue:

import app from "@/teams.js";

【讨论】：

如果路径在主目录中，则应将路径写为@/teams.js 而不是a/teams.js。

是的...我的错，刚刚发现。我的应用程序仍然是空白的：/