狀態管理

使用 useStore() 來儲存元件的狀態。儲存的目的是

  1. 儲存元件的狀態
  2. 將狀態呈現為一個代理,可以觀察儲存的讀/寫
  3. 在應用程式暫停時,將儲存的狀態序列化為 JSON。
  4. 觀察儲存的哪些屬性在元件範本中使用,並創建對儲存的訂閱。然後,如果儲存發生變化,則使用訂閱自動更新元件範本。

儲存使用 useStore() 函數在元件的函數內部聲明。將 github 分配包裝在 useStore(...) 函數調用中以創建一個儲存。

注意 在此範例中,儲存永遠不會改變。因此,無法觀察到自動範本重新渲染。在下一個範例中,我們將向 <input> 添加一個監聽器,以演示自動範本重新渲染。

編輯教學