3.3. Ленивая загрузка

3.3. Ленивая загрузка

Вы предпочаете изучать визуально?
Освойте Livewire с помощью наших подробных видеокурсов
Смотрите сейчас

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

Например, представьте, что у вас есть компонент Revenue, который содержит медленный запрос к базе данных в методе mount():

<?php
 
namespace App\Livewire;
 
use Livewire\Component;
use App\Models\Transaction;
 
class Revenue extends Component
{
public $amount;
 
public function mount()
{
// Slow database query...
$this->amount = Transaction::monthToDate()->sum('amount');
}
 
public function render()
{
return view('livewire.revenue');
}
}
<div>
Revenue this month: {{ $amount }}
</div>

Без ленивой загрузки этот компонент задерживал бы загрузку всей страницы и создавал бы ощущение медленной работы всего приложения.

Чтобы включить ленивую загрузку, вы можете передать параметр lazy в компонент:

<livewire:revenue lazy />