Alpine.JS с нуля. Урок #4.1. Работа с событиями. Директива x-on.

Описание

Привет, друзья!

В данном видео мы поговорим про обработку событий браузеров в Alpine.JS, а так же подробно рассмотрим вторую по важности директиву - x-on. Это первая часть урока, в которой мы познакомимся с регистрацией слушателей событий, посмотрим как в Alpine.JS получить доступ к объекту события, а так же научимся создавать и отлавливать собственные события для взаимодействия между компонентами.

00:00 Введение
02:08 Регистрация слушателя и обработчика событий
04:18 Полный и сокращённый варианты директивы x-on
05:36 Регистр и название события
07:59 Объект события event
13:44 Магическое свойство $event
14:59 Создание собственных событий
16:49 Магическое свойство $dispatch

Официальная документация для Alpine.JS 3.X: https://alpinejs.dev/directives/on
Официальная документация для Alpine.JS 2.X: https://github.com/alpinejs/alpine/blob/v2.8.2/README.ru.md#x-on

Приятного просмотра!

#javascript #js #alpine #alpinejs