状態管理

コンポーネントの状態を保存するには、useStore() を使用します。ストアの目的は、

  1. コンポーネントの状態を保存する
  2. 状態をプロキシとして提示し、ストアへの読み取り/書き込みを監視できるようにする
  3. アプリケーションの一時停止時にストアの状態をJSONにシリアライズする。
  4. ストアのどのプロパティがコンポーネントテンプレートで使用されているかを監視し、ストアへのサブスクリプションを作成します。これらのサブスクリプションは、ストアが変更された場合にコンポーネントテンプレートを自動的に更新するために使用されます。

useStore() 関数を使用して、コンポーネントの関数内でストアを宣言します。ストアを作成するには、github の代入を useStore(...) 関数の呼び出しでラップします。

注記 この例では、ストアは変更されません。したがって、テンプレートの自動再レンダリングを監視する方法はありません。次の例では、自動テンプレートの再レンダリングを示すために、<input> にリスナーを追加します。

チュートリアルの編集