Vue computed
Definition
computed は、他のリアクティブ state から導かれる派生値を宣言的に表現し、依存が変わった時だけ再計算する仕組みである。
Why It Matters
computed を理解すると、「UI に表示するための値整形」と「何かを起こす副作用」を分離できる。これは watch との責務差を見抜く中心概念でもある。
Current Understanding
computed は state を加工して新しい読み取り値を提供するための仕組みであり、副作用を実行する場所ではない。値として扱える点が重要で、template でも script でも自然に参照できる。
キャッシュされるため、依存が変わらない限り再計算されない。この性質により、表示用の派生ロジックや条件判定を method より安定して表現できる。
Connections
New Insights
- computed の本質は「派生値」であって「処理を書く場所」ではない
- watch と比較した時に、値を返すか、副作用を起こすか、が第一の分岐になる
Open Questions
- writable computed をどの程度このノートで扱うべきか
- method との比較をここに統合するか QueryNote 側へ逃がすか