Как найти и сохранить все функции в проекте?

Question

[myskypesla]

Проект разбит на компоненты, компонент выглядит примерно так:

export default {
template() {
return ‘’;
},
methods: {
onError() {
alert(‘error’);
},
},
};

Затем в родительском компоненте делаю import этого компонента и вставляю с помощью переменной внутрь template и т.д., пока не дойду до самого главного родителя - это у меня какая-то страница.

Вопрос, как мне вызывать правильно функции, если фактически я нахожусь в родительском компоненте, в котором нет функции onError?

Я пробовал в родительском компоненте получить methods из дочерних компонентов и сохранить это всё в какой-то глобальный объект window.functions и соответственно прописать в div on click=“window.functions.onError();” но не могу понять, как в window.functions добавлять методы из циклов. То есть задумка была такая:

захожу в родительский компонент и беру у него методы, сохраняю -> далее смотрю все компоненты, которые были импортированы в родителя беру у них методы и сохраняю, но получается что они перезаписывают window.functions и методы их родительского компонента затираются.

1 вопрос: Подскажите, как можно добавлять из вложенных циклов к глобальному объекту другие объекты?
2 вопрос: может есть более изящное решение?

Answer 1

[Даша Циклаури]

почитай про внедрение зависимостей, паттерн composition root