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

Question

Я построил Vue Маршрутизатор - леса, используя Vue CLI GUI, установив Vue CLI

В моем приложении. vue Я импортирую свой Navigation. vue -компонентный файл. Кроме того, у меня есть представление под названием Home. vue, в котором я реализую другой компонент под названием Teams. vue, в котором я загружаю некоторые данные из файла. json, используя API извлечения.

Я хочу использовать различные свойства, методы, ... содержащиеся в Vue объекте, который находится внутри команд. js в нескольких файлах без необходимости копирования / вставьте код во все мои vue файлы.

 let app = new Vue({ ...

При добавлении файла через тег script внутри Навигации мое приложение будет пустым.

дерево проекта

Answer 1

Вы можете export переменную в конце teams.js:

export default app;

и импортировать ее в Navigation.vue:

import app from "@/teams.js";