Друзья, подскажите по области видимости функций, пожалуйста. Структура: App.vue → Block.vue

Question

Друзья, подскажите по области видимости функций, пожалуйста. Структура: App.vue → Block.vue

→ Products.vue → Product.vue

В конечном Product.vue есть простейший метод для выбора фона элемента.
И теперь в главном App.vue вдруг неожиданно потребовалась та же логика.

Насколько я понимаю, нужно этот метод сделать в App.vue и прокидывать сквозь все три дочерних уровня, добавляя всем в defineProps(). Но это же дичь. Может есть способ из любого дочернего компонента обратиться в переменную/метод высшего компонента?

На всякий случай обозначу, что новичок во Vue.

#frontend #javascript #programming #russian #vue.js

0

07.08.2023

8 ответов

15 просмотров

Artyom Tuchkov

если метод никак не связан с инстансом компонента или связан слабо, то можно вынести его в утилиты и импортировать в нужные компоненты, как обычную функцию, а зависимости прокидывать параметрами

0

07.08.2023

Константин Салахутдинов Автор вопроса

Artyom Tuchkov
если метод никак не связан с инстансом компонента ...

То есть сделать его просто отдельным модулем и импортировать как обычный vue файл?

0

07.08.2023

Artyom Tuchkov

Константин Салахутдинов
То есть сделать его просто отдельным модулем и имп...

как обычный JS/TS файл*

0

07.08.2023

Константин Салахутдинов Автор вопроса

Artyom Tuchkov
если метод никак не связан с инстансом компонента ...

А если крепко связан с инстансом, то provide/inject,

0

07.08.2023

Artyom Tuchkov

Константин Салахутдинов
А если крепко связан с инстансом, то provide/injec...

можно рассмотреть, да, но чаще provide/inject юзают для того, чтобы расшарить общий стейт между компонентами, а не для того, чтобы просто провайдить общую функцию точнее можно сказать, если расскажешь подробнее про задачу

0

07.08.2023

Константин Салахутдинов Автор вопроса

Artyom Tuchkov
можно рассмотреть, да, но чаще provide/inject юзаю...

Но ведь функцию можно и в стейт запихнуть? И кстати это отлично, потому что стейт я тоже передаю вниз по компонентам через defineProps() И это как-то некошерно выглядит

0

07.08.2023

Artyom Tuchkov

Константин Салахутдинов
Но ведь функцию можно и в стейт запихнуть? И кстат...

>Но ведь функцию можно и в стейт запихнуть? смотря что ты подразумеваешь под стейтом и зачем ее туда запихивать, если можно просто провайдить)

0

07.08.2023

Dinar Galimov · Accepted Answer

Dinar Galimov

provide/inject думаю решит вашу проблему

0

07.08.2023

169 похожих чатов

Друзья, подскажите по области видимости функций, пожалуйста. Структура: App.vue → Block.vue

8 ответов

Похожие вопросы