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

Всем привет. У мене в проекте используется стандартная библиотека роутинга.

Когда я захожу на главную страницу (home) у меня вызвается функция из пинии, которая отправляет черех axios get запрос и затем моя главная страница наполняется данными с бека.
Так вот, когда функция loadData() отрабатывает данные из бека попадают на сайт.
Но проблема в том что я через моунтид вызываю эту функцию, я перемещаюсь по страничикам и функция loadData вызывается лишние разы! Как правильно такие функции вызывать? Может из бефор моунтид?

62 ответов

42 просмотра

Те мегабайты красивых картинок ты еще и несколько раз грузишь?

Gregory- Автор вопроса

У меня стандартный роутинг на сайте, когда я перемещаюсь по страницам сайта, моунтид срабатывает каждый раз. Мне нужно загрузку данных вызывать один раз, при 1й загрузке.

Используй для страницы keep-alive тем самым сохранив стейт страницы и в mounted проверяй, если есть стейт - не вызывай

Gregory- Автор вопроса
Ruslan
сиеста а чо?

получается ты встал в 7-8?

999
получается ты встал в 7-8?

ты думал я спецом для чата в 4 встаю?

я просто рил в 5 встал и после пары часиков сдох уснул

999
я просто рил в 5 встал и после пары часиков сдох у...

молодой ты просто в 4-5 утра - самая работоспособность на самом деле в 30-40 лет

Roman
в 30 обычно спать только иду в 5 утра

Лучше работать в тишине с утра на свежую голову, чем ночью после дня забот

Gregory- Автор вопроса
Evgeniy
Используй для страницы keep-alive тем самым сохран...

<!-- Inactive components will be cached! --> <KeepAlive> <component :is="myComponent" /> </KeepAlive> Ну а как в myComponent тогда пропсы передать?

Ruslan
Лучше работать в тишине с утра на свежую голову, ч...

ходят слухи что админ не спит никогда, но это не точно

Roman
я тебя обнимаю крепко бро

и я тебя аххахаа в 5 утра и температура минимальная за день и никто мозги не ебет

Gregory
<!-- Inactive components will be cached! --> <Keep...

https://stackoverflow.com/questions/65619181/how-to-make-certain-component-keep-alive-with-router-view-in-vue-3 Для страниц, а не отдельных компонентов (хотя для них тоже можешь, будет лучше)

Я говорил про страницы. Страницам не нужны пропсы

Gregory
У меня стандартный роутинг на сайте, когда я перем...

у тебя на всех страницах в моунтед 1 и тот же метод ?

Gregory- Автор вопроса
Gregory
screenshot В моем случае я передаю тут пропсы.

Странное у тебя решение. Сами же devtools кажется ругаются на пропсы в router-view

Gregory
нет, на 3х из 7

Вот у тебя 7 страниц и на 3 из них ты вызываешь 1 и тот же метод, и они возвращают разные данные ?

Grigorii K. Shartsev
на RouterView можно передавать пропсы

Можно, но не желательно. Могу обманывать, никогда так не делал. Читал где-то проблему и уже сам не вспомню

Evgeniy
Можно, но не желательно. Могу обманывать, никогда ...

Иногда это довольно удобно, например, для небольших приложений, где есть дочерние маршруты. И проще ребёнку просто кинуть пропс (а компоненты view-шки часто делают с пропсами), чем для этого использовать стор

Evgeniy
Можно, но не желательно. Могу обманывать, никогда ...

Возможно, путаешь с передачей параметров через router.push()?

Gregory- Автор вопроса
Дима dadev1307
Вот у тебя 7 страниц и на 3 из них ты вызываешь 1 ...

Данные одинаковые. Просто понимаешь у меня есть страница about, я могу на ней после страницы home зайти и данные буду на странице home загружены и попадут в about. Но другая сиутация я могу ссылкой поделиться и сразу about загрузить, поэтому там тоже функция загрузки контента есть.

Gregory
Данные одинаковые. Просто понимаешь у меня есть ст...

Вынеси подгрузку этих данных при иницилизации приложения, сохрани в сторе. В остальных местах просто доставай из сторы

Gregory- Автор вопроса
Дима dadev1307
Вынеси подгрузку этих данных при иницилизации прил...

Так куда вынести? у меня старницы home about и т.д. я когда на сайт попадаю 1й раз сразу на одну из них.

Gregory- Автор вопроса
Артём
App.vue / main.ts

Идея хороша, но туда как пинию подключить ?

Gregory
screenshot Идея хороша, но туда как пинию подключить ?

реально лучше использовать лайауты

Gregory
Это как?

https://vueschool.io/articles/vuejs-tutorials/composing-layouts-with-vue-router/

Vyacheslav Гайсин
https://pinia.vuejs.org/cookbook/options-api.html

интересно кто вообще юзает пинью с опшнс апи

Gregory
Это как?

создать один общий layout для страниц home, about, и внутри него дергать метод ктр будет обращаться к апи

Gregory- Автор вопроса
999
интересно кто вообще юзает пинью с опшнс апи

Мне нравиться, 1 синтаксис на всё)

999
интересно кто вообще юзает пинью с опшнс апи

А какая разница, PInia никак не связана со стилем описния компонентов

Grigorii K. Shartsev
А какая разница, PInia никак не связана со стилем ...

просто обычно же опшнс представляют с vuex а компзшнс с пинией

Дима dadev1307
Мне нравиться, 1 синтаксис на всё)

Это описание стора, а не использование в компоненте)

999
просто обычно же опшнс представляют с vuex а компз...

А почему нельзя представить иначе? Pinia не привязана к Composition, работает и в двойке, и в тройке

Grigorii K. Shartsev
А почему нельзя представить иначе? Pinia не привяз...

а для чего начинать новый проект на старом вью?

999
а для чего начинать новый проект на старом вью?

А почему нельзя использовать Pinia в не новом проекте?

Grigorii K. Shartsev
А почему нельзя использовать Pinia в не новом прое...

чтобы это сделать надо же переписывать вью икс так?

999
чтобы это сделать надо же переписывать вью икс так...

Нет. Можно параллельно использовать, можно мигрировать

Grigorii K. Shartsev
А почему нельзя использовать Pinia в не новом прое...

Меня больше интересует вопрос почему нельзя использовать вью с опшн апи👍

999
вьюикс и пинию одновременно?

Можно, но мне не нравиться что будет 2 стора, и бандл будет больше

Vyacheslav Гайсин
да

тогда нужно брать специалиста который знает и вью икс и пинию

999
вьюикс и пинию одновременно?

Это работает, пока не надо стор из одного использовать в другом. Но на время миграции - работающее решение. Мигрировать при этом не сложно

999
тогда нужно брать специалиста который знает и вью ...

Это библиотеки, которые изучаются за пару часов

Grigorii K. Shartsev
Можно

Это шутка,я знаю ,просто немного странно когда каждый пытается композишн апи вставить везде,особенно при миграции крупных проектов с 2 версии на 3

Vadim Zabolotsky
Это шутка,я знаю ,просто немного странно когда каж...

что тут ненормального? переход на новое и лучшее

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

Обсуждают сегодня

а зачем этот вопрос для удаления из чата?
Mёdkinson Medvezhkin
62
Всем привет! Подскажите. Я написал приложение на Delphi 10.2 Tokyo под Windows 10. И передо мной стал вопрос о том чтобы сделать это приложение кроссплатформенным (под Linux и...
Дмитрий Завгородний
24
Привет всем. Подскажите где можно посмотреть, какая версия электрон, поддерживает версии windows? Некий changelog. Мне бы желательно, поддержку 7,8,10... latest, как понимаю и...
Anonym Squad
21
Портфолио: Зовут меня Александр, мне 36 лет. Город Пушкино. Общий рабочий стаж: ~14 лет Уровень квалификации: Senior Full-stack developer Где прочесть мой код? https://github....
Magic
10
а где есть mysql cloud кроме яндекс-клауд?
Oleg Nosov
13
Есть ли смысл устраиваться на 1с ? Даст это плюс в дальнейшем трудоустройстве на php? Просто у меня в городе вакансий на пхп нету. Или лучше удаленно искать. Опыта работы нету...
Azamat
13
hi im a cs student. i need some advice from people who have enough experience in Embedded Software. I need to know whether this profession is suitable for me. I have watched s...
Sahand 🏔️
8
Не ну фпц - это уже просто троллинг какой-то. Элементарный код нельзя собрать. ЧЯДНТ? program Project1; {$mode delphi} uses SysUtils, Classes, Generics.Collections; var...
Peter
3
Кстати а покупал кто-нибудь ЭЦП для подписи кода? А то у меня на некоторых компах и ОС иногда SmartScreen винды программу за вирус принимал. Если купить такую ЭЦП и подписыват...
Дмитрий Завгородний
15
А кто-нибудь запихивал сборку перловых модулей/образов с perl приложениями в окружения без интернета (в специализированном CI/CD)? У меня сейчас есть ряд cpanfile, которые н...
Andrey Smirnov / 𝓪𝓵𝓵𝓽𝓮𝓻 /
14
Карта сайта