Livewire Events: Component Communication

Master component communication using Livewire events and listeners.

Communicate between Livewire components:

Emit Events

php

$this->emit('postCreated', $post->id);

php

protected $listeners = ['postCreated' => 'refreshList'];

public function refreshList($postId)
{
    $this->posts = Post::all();
}

php

$this->emitTo('notifications', 'show', 'Post created!');

php

$this->dispatchBrowserEvent('alert', ['message' => 'Success!']);

Master component communication using Livewire events and listeners.

Communicate between Livewire components:

php

$this->emit('postCreated', $post->id);

php

protected $listeners = ['postCreated' => 'refreshList'];

public function refreshList($postId)
{
    $this->posts = Post::all();
}

php

$this->emitTo('notifications', 'show', 'Post created!');

php

$this->dispatchBrowserEvent('alert', ['message' => 'Success!']);