useOn() / useOnDocument() / useOnWindow() - 编程监听器

有时您的应用程序需要添加条件监听器。有时监听器名称未知,或者您需要使用命令式方法来设置监听器。

Qwik 提供以下 函数 来附加监听器

函数描述
useOn()监听当前组件根元素上的事件。
useOnDocument()监听 document 对象上的事件。
useOnWindow()监听 window 对象上的事件。

您的任务:在组件上设置一个点击监听器,以调用 alert('Hello world!')

了解 $

$ 函数指示 Qwik 延迟加载引用。在使用 useOn 设置监听器时,第二个参数是 Qwik URL

Qwik URL (QRL) 是对您代码的延迟加载引用。如果 useOn 直接使用函数而不是 QRL,则它必须急切地执行以分配监听器闭包。通过使用 $ 函数通过 QRL,Qwik 可以在触发 click 监听器时延迟加载闭包。

编辑教程