الإتصال بين مُكونين في laravel livewire

نعم فالفكرة تكمن في إستخدام الأحداث و هناك عدة طرق لإستخدامها من بينها إرسال أو عمل emit للحدث من خلال المُكون الأول و التسمع على الحدث في المُكون الثاني لكن بما أننا نريد عمل تحديث ف livewire توفر طريقة خاصة إسمها $refresh، يُمكن التعامل مع الأحداث بعدة طرق عن طريق القالب أو عن طريق كلاس المُكون أو عن طريق javascript و هذا شرح الطريقة الثانية:

إرسال الحدث من المكون الأول:

class AppAddTask extends Component
{
  public $title;

  public function render()
  {
    return view('livewire.app-add-task');
  }

  public function addTask()
  {

    auth()->user()->tasks()->create([
      'title' => $this->title,
      'status' => false,
    ]);

    $this->title = "";

    $this->emit('taskAdded'); // هنا قمنا بإرسال الحدث
  }
}

التسمع على الحدث من خلال المُكون الثاني و عمل refresh: 

class AppTasks extends Component
{

  protected $listeners = ['taskAdded' => '$refresh']; // التسمع و عمل تحديث

  public function render()
  {
    $totalTasks = auth()->user()->tasks()->count();
    $tasks = auth()->user()->tasks()->latest()->get();
    return view('livewire.app-tasks', [
      'totalTasks' => $totalTasks,
      'tasks' => $tasks
    ]);
  }
}