template - 隱式反應性

此範例示範變動儲存如何自動更新其訂閱者。

在 SSR 渲染期間,伺服器需要渲染應用程式中的所有元件。當它渲染元件時,這些元件中的綁定會讀取儲存屬性。例如,當 <DisplayA> 中的文字節點從儲存中讀取 countA 屬性時,Qwik 會將其記錄為訂閱。Qwik 現在知道,如果 countA 發生變化,則需要重新渲染 <DisplayA> 中的文字節點。執行信號操作將自動設定儲存上的訂閱。每次執行信號操作時,舊的訂閱都會被丟棄,並建立新的訂閱。這意味著文字節點可以在其生命週期中更改其正在偵聽的內容集。

目前,按鈕沒有任何作用。實作按鈕以遞增各自的儲存屬性。

讓按鈕運作後,請注意,即使所有狀態都儲存在單一儲存中,更新也非常集中。a++ 按鈕只會導致 <DisplayA> 內文字節點的重新渲染,而 b++ 按鈕只會導致 <DisplayB> 內文字節點的重新渲染。細粒度的重新渲染是 Qwik 的一個重要特性。這使得 Qwik 應用程式能夠保持精簡,並且不會不必要地下載太多程式碼。

移除元件時,會自動建立和釋放訂閱。無需手動追蹤或釋放它們。

Qwik 是一個響應式系統。所有響應式系統都需要一次完整的應用程序執行來創建訂閱。Qwik 應用程序也需要完整執行才能設置所有訂閱。然而,Qwik 應用程序在服務器上執行完整執行,並將訂閱信息傳輸到客戶端。通過這種方式,客戶端可以知道在沒有被強制對整個應用程序進行一次完整渲染的情況下,哪些組件或組件的哪一部分需要重新渲染。這樣做會強制急切地下載所有組件,而 Qwik 希望避免這種情況。

編輯教程