Laravel + Vue js. Как правильно передавать «большие» данные в компонент?

Question

[Дмитрий]

Привет всем!
Создаю многостраничное приложение(типа CRM). На страницах где нужен Vue добавляю компонент, например так:

@extends('layouts.app')

@section('content')
    <div class="panel panel-default">
        <div class="panel-heading">Создание пользователя</div>

        <div class="panel-body">
            <user-form
                    :user="{{ $user }}"
                    url="{{ route('api.user.store') }}"
            ></user-form>
        </div>
    </div>
@endsection

Не редко в формы нужно передавать "большие" данные, например, при создании пользователя нужен список стран и городов, а это более 1000 строк из БД.

Подскажите, как будет правильно передавать данные в компонент? Через props, так:

<user-form
    :user="{{ $user }}"
    url="{{ route('api.user.store') }}"
    :countries="{{ $countries }}"
    :cities="{{ $cities }}"
></user-form>

или подгружать ajax`ом в самом компоненте?

Может есть еще какие-то способы?

Спасибо!

Answer 1

[Александр Аксентьев]

Правильно использовать автодополнение, а не выдавать 1000 строк.

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

А это уже не 1000 строк.

Comments

[Дмитрий]

В случае с городами и странами я с вами согласен, а что если нужно передать список пользователей или чего то такого, что не известно заполняющему форму заранее

[RidgeA]

drwhite87, а как заполнающий будет знать, что ему надо выбрать, если он не знает заранее? Если просто просмотром списка то можно подгружать "лениво"

[Александр Аксентьев]

drwhite87,

а что если нужно передать список пользователей или чего то такого, что не известно заполняющему форму заранее

И зачем передавать кому-то огромный список чего-то, из которого он в итоге не знает что ему надо?)

Если речь про таблицу любую, а не select, то делать надо страничность на сервере, а не на клиенте.