Класс Livewire

Класс LivewireComponent является основой для создания компонентов. Каждый пользовательский компонент должен наследовать этот класс. Он предоставляет доступ к методам управления состоянием, хукам жизненного цикла и взаимодействию с клиентской частью. В классе определяются публичные свойства (доступны в шаблоне) и методы (доступны для вызова через директивы).

Синтаксис

<?php
	namespace AppLivewire;
	
	use LivewireComponent;
	
	class MyComponent extends Component
	{
		// Public properties are available in the view
		public $message = 'Hello World!';
		
		// Methods can be called from the view
		public function updateMessage()
		{
			$this->message = 'Updated!';
		}
		
		// The render method returns the view
		public function render()
		{
			return view('livewire.my-component');
		}
	}
?>

Пример

Создадим компонент с числовым свойством и методом для его изменения:

<?php
	namespace AppLivewire;
	
	use LivewireComponent;
	
	class Counter extends Component
	{
		public $num = 0;
		
		public function inc()
		{
			$this->num++;
		}
		
		public function render()
		{
			return view('livewire.counter');
		}
	}
?>

<div>
	<button wire:click="inc">+</button>
	<span>{{ $num }}</span>
</div>

Результат выполнения кода после клика:

<button>+</button>
<span>1</span>

Пример

Компонент может принимать параметры через свой конструктор или через метод mount:

<?php
	namespace AppLivewire;
	
	use LivewireComponent;
	
	class UserProfile extends Component
	{
		public $userId;
		public $userName;
		
		public function mount($id, $name)
		{
			$this->userId = $id;
			$this->userName = $name;
		}
		
		public function render()
		{
			return view('livewire.user-profile');
		}
	}
?>

<div>
	User ID: {{ $userId }}<br>
	User Name: {{ $userName }}
</div>

Результат выполнения кода:

<div>
	User ID: 1<br>
	User Name: John Doe
</div>

Смотрите также

метод render,
который возвращает шаблон компонента
метод placeholder,
который определяет начальное состояние компонента
атрибут id,
который задает уникальный идентификатор компонента
класс Livewire,
который предоставляет вспомогательные методы