useOn() / useOnDocument() / useOnWindow()

Бывают случаи, когда вашему приложению необходимо добавить условный слушатель. Когда имя слушателя неизвестно, или когда вам нужно использовать императивный подход для настройки.

Qwik предоставляет следующие функции для установки слушателя:

ФункцияОписание
useOn()Слушает события в корневом элементе текущего компонента.
useOnDocument()Слушает события объекта document.
useOnWindow()Слушает события объекта window.

Ваша задача: Настройте слушатель клика на компоненте приложения, который вызовет alert('Привет, мир!').

Понимание $

Функция $ сигнализирует Qwik о необходимости ленивой загрузки ссылки. При настройке слушателя с помощью useOn вторым аргументом является Qwik URL.

Адреса Qwik URL (QRLs) - это ссылки на ваш код с возможностью ленивой загрузки. Если бы useOn принимала функцию напрямую, а не QRL, ей пришлось бы сразу выполняться, чтобы получить замыкание слушателя. Используя QRL через функцию $, Qwik может лениво загружать замыкание только при срабатывании слушателя click.

Edit Tutorial