И дальше в компоненте делаю export default { components: {

Question

И дальше в компоненте делаю export default { components: {

Pizza },
setup() {
const { error, isLoading, pizzas } = usePizzasStore();
console.log(pizzas, error, isLoading);
return {
error,
isLoading,
pizzas,
};
},
};
нормально ли вот так внутри хука делать вызов функции?

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

0

16.11.2023

7 ответов

32 просмотра

Grigorii K. Shartsev

По коду также плохо понятно, почему это именно стор. Всё, что он делает - один запрос + хранение состояние запроса. Это выглядит в лучшем случае как компосабл, который может использоваться в сторе, если эти данные нужны глобально

0

16.11.2023

Pavel Mark Автор вопроса

Grigorii K. Shartsev
По коду также плохо понятно, почему это именно сто...

а где делать запросы? в ui компоненте, привязывая к нему логику?

0

16.11.2023

Grigorii K. Shartsev

Pavel Mark
а где делать запросы? в ui компоненте, привязывая ...

Если результат запроса нужен в одном месте приложения - да. Но даже если делать его в сторе, не нужно копипастить всю логику с флагами loading error между всеми сторами.

0

16.11.2023

Grigorii K. Shartsev

Pavel Mark
а где делать запросы? в ui компоненте, привязывая ...

Если в приложении завтра появятся ещё бургеры, на сколько стор бургеров будет копипастой стора пицц?

0

16.11.2023

Pavel Mark Автор вопроса

Grigorii K. Shartsev
Если результат запроса нужен в одном месте приложе...

вынесу эту логику, и буду использовать в таких местах

0

16.11.2023

Ruslan

Pavel Mark
а где делать запросы? в ui компоненте, привязывая ...

Запросы - в апи сервисе Логика (если не элементарная) - в композабле Отображение - компонент В простых приложениях можно совмещать 2 в 1

0

16.11.2023

Grigorii K. Shartsev · Accepted Answer

getPizzas не должен быть частью стора, это не функция стора, это функция работы с API, которая занимается чисто HTTPшными и апишными залдачами - формирует запрос, работает с fetch. При этом многие вещи, которые она делает, выглядят как то, что должно быть реализовано для всех запросов. А значит либо будет везде дублироваться копипастом, или работать по-разному. Это должно быть вынесено тоже в отдельный модуль, отвечающий за http запросы в приложении в целом.

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

И дальше в компоненте делаю export default { components: {

7 ответов

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