А зачем может понадобиться логика одного компонента в другом? Можно

Artyom Tuchkov
эта логика может быть не привязана к конкретному к...

эта логика может быть не привязана к конкретному компоненту, она может быть общей и разные компоненты могут захотеть ее использовать банальный пример - отслеживание позиции курсора в реактивной обертке, чтобы можно было взять позицию и использовать ее как душе угодно в Composition API это будет выглядеть так: const { x, y } = useMouse(), где x и y - реактивные переменные, с которыми уже можно работать в Options API это будет выглядеть в лучшем случае так и будет доступно только в шаблоне: <Mouse v-slot=“{ x, y }”> {{ x }}, {{ y }} </Mouse> логика может быть и сложнее - это могут быть какие-то фичи, которые нужно расшарить между разными разделами, либо базовый функционал условного списка, когда у тебя в проекте может быть 200 списков

0

8 месяцев назад

Алексей Автор вопроса

А это логика может взаимодействовать с Vuex? Она же не является компонентом...

0

8 месяцев назад

Алексей
А это логика может взаимодействовать с Vuex? Она ж...

может

0

8 месяцев назад

Artyom Tuchkov
эта логика может быть не привязана к конкретному к...

Вообще в Options можно писать так, как на обычном js, но это, конечно, запарнее, чем с composition API

0

8 месяцев назад

Artyom Tuchkov
эта логика может быть не привязана к конкретному к...

Кстати, как mouse tracker реализовать не в script setup?

0

8 месяцев назад

Alexey Topunov
Кстати, как mouse tracker реализовать не в script ...

в mounted устанавливаешь eventListener, в beforeUnmount убиваешь его

0

8 месяцев назад

Vyacheslav Гайсин
в mounted устанавливаешь eventListener, в beforeUn...

Да, а в композабле одном как это написать?

0

8 месяцев назад

Ну да, вопрос в том, что делать в такой ситуации

0

8 месяцев назад

так же, как и в <script setup> если обычный Composition, то весь тот же самый код, только с дополнительным return если Options, то просто в mounted/unmounted, как ты и написал

0

8 месяцев назад

Alexey Topunov
Ну да, вопрос в том, что делать в такой ситуации

в какой такой?

0

8 месяцев назад

Artyom Tuchkov
так же, как и в <script setup> если обычный Compos...

А как до хуков ЖЦ достучаться, если мы вызовем useMouse в методе setup?

0

8 месяцев назад

Artyom Tuchkov
в какой такой?

Либо когда нет атрибута setup, либо на второй вьюшке/в опшн апи

0

8 месяцев назад

Alexey Topunov
А как до хуков ЖЦ достучаться, если мы вызовем use...

точно так же, как и со <script setup> - импортировать onMounted и использовать

0

8 месяцев назад

Alexey Topunov
Либо когда нет атрибута setup, либо на второй вьюш...

сформулируй полностью вопрос, я пока что-то не очень понимаю, о чем ты говоришь

0

8 месяцев назад

Ruslan

Alexey Topunov
Либо когда нет атрибута setup, либо на второй вьюш...

Чего вы из Реакта все сюда лезете? Осенняя миграция?

0

8 месяцев назад

Artyom Tuchkov
точно так же, как и со <script setup> - импортиров...

Хм, да, чёт мозг у меня съехал... Думал про script без сетапа, и сразу mounted() в свойства компонента у меня переместился 😄

0

8 месяцев назад

Artyom Tuchkov
сформулируй полностью вопрос, я пока что-то не оче...

Нет, забей. С композишн понятно, просто невнимателелен был. А как с опшнс написать тот же useMouse?

0

8 месяцев назад

Alexey Topunov
Нет, забей. С композишн понятно, просто невнимател...

написать в функции setup() {}

0

8 месяцев назад

Alexey Topunov
Нет, забей. С композишн понятно, просто невнимател...

ты можешь точно также писать рядом используя ref и reactive

0

8 месяцев назад

Alexey Topunov
Нет, забей. С композишн понятно, просто невнимател...

в этом и был поинт, что в чистом Options ты не сделаешь точно такой же удобный аналог useMouse, как в Composition есть всякие костыли вроде миксинов и renderless-компонентов (как в моем примере), но они имеют свои минусы и неудобства

0

8 месяцев назад

Vyacheslav Гайсин
ты можешь точно также писать рядом используя ref и...

А без reactivity API?

0

8 месяцев назад