Обработка нескольких регистров с Vue и конечной точкой API

Question

У меня есть приложение с клиентами, хранящимися в базе данных, количество клиентов является переменным, в настоящее время у меня есть 2 сотни, но у меня может быть 2 миллиона. Также у меня есть веб-сервис, который запрашивает эту базу данных и предоставляет конечную точку. Чтобы отобразить этих клиентов, у меня есть простое приложение Vue, которое показывает форму, заполненную одним клиентом за раз, а также кнопками «Далее» и «Предыдущий», чтобы получить больше клиентов. из моей базы данных в Vue:

• Должен ли я получить всех клиентов из базы данных и сохранить их в vuex? С этими параметрами кнопки «Вперед» и «Предыдущий» просто берут тот или иной индекс из сохраненного массива.
• Должен ли я просто получить текущий клиент Я показываю и сохранить его в vuex? С помощью этих параметров кнопки «следующий» и «предыдущий» вызывают конечную точку, запрашивая следующий или предыдущий клиент.
• Может быть, следует выполнить загрузку фрагмента и сохранить n клиентов в vuex? С помощью этой опции кнопки «следующий» и «предыдущий» выполняют поиск клиента в массиве, если индекс выходит за границы, следует вызвать конечную точку, запрашивая n следующих или предыдущих клиентов, и сохранить их в массиве vuex.

Спасибо

Answer 1

Загрузка чанка была бы идеальной ситуацией, когда пользователям не нужно ждать завершения загрузки клиента при нажатии кнопки «Далее», чтобы просмотреть следующий клиент, а также не увеличивать объем хранилища в браузере с большим количеством неиспользованных данных клиента.

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

например, при получении клиента 2 - выборка 1,3. когда пользователь нажимает кнопку «Далее», непосредственно визуализируйте детали 3-го клиента из магазина, но выбирайте клиента 4 в фоновом режиме, чтобы следующий и предыдущий щелчки были плавными