Cài đặt livewire và sử dụng
1: Cài đặt livewire
Đầu tiên chúng ta cần cài livewire với command sau :
composer require livewire/livewire
Thêm livewire vào mọi trang sử dụng livewire với dòng sau :
...
@livewireStyles
2: Demo
Tạo 1 component livewire với dòng lệnh :
php artisan make:livewire Count
Dòng lệnh này sẽ tạo cho chúng ta 2 file app/Http/Livewire/Count.php
namespace App\Http\Livewire;
use Livewire\Component;
class Counter extends Component
{
public function render()
{
return view('livewire.counter');
}
}
Và file resources/views/livewire/count.blade.php
<div>
<button wire:click="increment">+</button>
<h1>{{ $count }}</h1>
</div>
Sau đó chúng ta code như sau :
<?php
namespace App\Http\Livewire;
use Livewire\Component;
class Count extends Component
{
public $count;
public function mount($id)
{
$this->count = $id;
}
public function increment()
{
$this->count++;
}
public function render()
{
return view('livewire.count');
}
}
Ở trang blade index.blade.php chúng ta code như sau :
........
@livewireStyles
</head>
<body>
@livewire('count',['id'=>14546])
@livewireScripts
</body>
..............
Như vậy là ta đã xong demo cho livewire
