Vue Reactivity

Definition

Vue Reactivity は、state の読み取りと変更を追跡し、依存する描画や計算を必要に応じて再実行する仕組みである。

Why It Matters

Vue の書き味はテンプレート構文や SFC だけでは決まらない。どの値が追跡され、変更時に何が再評価されるかを理解しないと、computed, watch, component 更新の差が見えなくなる。

Current Understanding

Vue 3 の Composition API では、reactivity が土台にあり、その上に ref, reactive, computed, watch などの API が乗る。重要なのは「値を持つこと」よりも「依存関係が追跡されること」である。

Reactivity Fundamentals, Computed, Watchers は別ページに見えるが、実際には同じ反応システムの異なる使い方を説明している。したがって reactivity は Vue 学習全体の中心ハブになる。

Connections

• Vue ref
• Vue computed
• Vue watch
• Vue で ref と reactive をどう使い分けるか
• Vue で computed と watch はどう使い分けるか
• Reactivity Fundamentals - リアクティビティの基礎
• Computed Properties - 派生値とキャッシュ
• Watchers - state変化に反応する副作用管理

New Insights

• reactivity は API 名の集合ではなく、依存追跡の基盤として捉えるべき
• computed と watch の差も、reactivity 上で何を自動化するかの差として理解できる

Open Questions

• reactive を独立概念ノートとして切るべきか、それとも ref 配下で扱うべきか
• effect scope など上位概念はどの段階で接続するのが自然か