Как лучше передавать большие коллекции данных из Laravel в Vue.js?

Question

[MiJuniorDev]

Например есть 8к пользователей, как лучше их передать в вью, пробовал как пропс но оно просто не отрабатывает, пишет что пустая коллекция, подозреваю что не успевает обработать пропс.
Лучше доставать запросом по апишке когда создана вьюшка?
Какие еще есть варианты?

Answer 1

[DevMan]

пагинация же. вываливать за раз всех юзеров не имеет смысла.

Answer 2

[Сергей Соколов]

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

users/show.blade.php

<script>
  function getMyUsers() { return @json($arrayOfUsers); }
</script>
...
<script>
const vm = new Vue({
  data: function() {
    return {
      users: getMyUsers(),
      counter: 0,
    };
  }
});

Причём так можно упаковать не всех, а, например, только первые 500 пользователей.
И если станут листать/прокручивать, то динамически, доп. запросами, подгружать дальше.