Как организовать ленивую загрузку во vue.js?

Question

[Gjrv]

Доброго времени суток, тостеры. Подскажите пожалуйста.
Есть vue.js приложение, которое получает некие данные(в формате json) через rest api.
У одного из компонентов происходит запрос в момент выполнения хук-а "created" на получение этих данных. Каждый раз, переключаясь с другого компонента(через vue routing) происходит новый запрос, поэтому компонент достаточно долго грузится. Хотелось бы избавится от этого.
Подскажите пожалуйста как грамотно разрешить проблему, быть может использовать легковесный запрос к серверу, который скажет есть ли новые данные, или же существуют еще способы.
P.s api на django rest framework

Comments

[Xaip]

Делайте асинхронные запросы через asyncio или tornado чтобы не останавливать основной поток django

[hackuun]

Можно в стор загружать еще до перехода. Зависит от того сколько и что там за данные.

[sim3x]

Xaip, не надо советовать, если не понимаете

[sim3x]

Что запрашивается?
В каком виде?
Сколько формируется ответ на джанге?
Расскажите детально, что происходит

[Gjrv]

sim3x, запрашиваю посты(заголовок, блок информации и еще всякая нудятина),
ответ приходит в json(массив объектов),
django отдает моментально(выборка из б.д по индексированному полю)

[sim3x]

Gjrv,
В ИТ нет "моментально", тк даже в ИТ знают, что скорость света ограничена, а есть 1-100мс
Ну да ладно

И если "моментально" то в чем вопрос?

[Gjrv]

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

[sim3x]

Gjrv, не за что

Вопрос необходимо конкретизировать

Answer 1

[Сергей Горностаев]

Никогда не работал с Vue, только быстро просмотрел документацию. Подозреваю, что вам поможет заворачивание компонента в элемент keep-alive

Answer 2

[Денис Копица]

Варианта всего 2 - либо клиентское, либо серверное кеширование.
В первом случае работу с api вынести в отдельный сервис (если это еще не сделано) и делать проверку на наличие данных перед запросом, либо использовать vuex для хранения данных.
Во втором - кеширование на стороне сервера с учетом ETag или last-modified заголовков.