Qwik 教學概覽基礎組件狀態管理事件監聽器根據狀態變化獲取資源基礎組件綁定表達式組合組件內嵌組件監聽事件監聽 document/window阻止預設行為使用 sync() 進行同步事件使用 useVisibleTask$() 進行同步事件useOn() / useOnDocument() / useOnWindow() - 程式化監聽器儲存狀態遞迴儲存序列化圖不可序列化的屬性將數據傳遞給組件傳遞閉包template - 隱式響應性useTask$() - 顯式響應性useResource$() - 顯式響應性使用上下文useTask$()useSignal()useVisibleTask$()useOn() / useOnDocument() / useOnWindow()useUnMount$()基本投影具名插槽後備內容useStyles() - 樣式useStylesScoped() - 作用域樣式優化器延遲加載常數延遲加載閉包使用 $ 創建 API組合 use Hooks靜態組件的搖樹優化捕獲詞法作用域事件監聽器在本教學中,我們將為輸入框添加一個事件監聽器。我們將使用 keyup 事件來監聽輸入框的變化。目標是在用戶輸入時更新 org。 使用 <input> 元素上的 onInput$ 屬性來添加事件監聽器。 請注意,對儲存區的賦值(github.org = ...)會自動觸發組件重新渲染。下一步根據狀態變化獲取資源編輯教學