Qwik 教學概覽基礎元件狀態管理事件監聽器狀態改變時提取資源基礎元件綁定表達式組合元件內嵌元件監聽事件監聽 document/window阻止預設行為使用 sync() 的同步事件使用 useVisibleTask$() 的同步事件useOn() / useOnDocument() / useOnWindow() - 程式化監聽器儲存狀態遞迴儲存序列化圖不可序列化的屬性將數據傳遞給元件傳遞閉包template - 隱式響應性useTask$() - 顯式響應性useResource$() - 顯式響應性使用上下文useTask$()useSignal()useVisibleTask$()useOn() / useOnDocument() / useOnWindow()useUnMount$()基本投影具名插槽後備內容useStyles() - 樣式useStylesScoped() - 作用域樣式優化器延遲載入常數延遲載入閉包使用 $ 建立 API組合 use HooksTree-shaking 靜態元件捕獲詞法作用域後備內容後備內容允許子元件在父元件未提供內容的情況下顯示後備內容。後備內容可以使用 CSS 完成,如果具名插槽為空,則需要在上面添加 CSS 選擇器(以及相應的 CSS)。 範例 在此範例中,我們顯示三張卡片,但其中一些沒有填入內容。使用正確的 CSS 選擇器來指定後備內容。下一步useStyles() - 樣式編輯教學