Tag: reactivity
12 items with this tag.
LiteratureNotes
State Management - 共有状態の設計とPiniaが必要になる理由
Vueにおけるstate managementの基本概念と、shared stateが複数コンポーネントにまたがるときに発生する設計課題を整理する。reactive() による簡易store、SSRでの注意点、Piniaが公式推奨となる理由を記録する。
LiteratureNotes
TypeScript with Composition API - 推論中心の型設計
Composition API で TypeScript を使う際の中核パターンを整理する。props と emits の契約定義、ref / reactive / computed の推論、DOM・inject・template ref といった境界での明示型付けをまとめる。
LiteratureNotes
Composables - 状態を持つロジックの再利用
Vue 3 の Composables で、状態・副作用・ライフサイクル依存ロジックを再利用する設計を整理する。Composition API における責務分解、reactive input の受け方、返り値設計、他手法との比較をまとめる。
LiteratureNotes
Event Handling - イベント処理と modifier
Vue.js の Event Handling における handler の書き分け、DOM Event の受け渡し、event modifier・key modifier・mouse button modifier の役割と実務上の判断軸を整理する。
LiteratureNotes
Form Input Bindings - v-model とフォーム状態同期
Vue.js の Form Input Bindings における v-model の基本挙動、入力種別ごとの状態同期、value binding、modifier、IME や型変換の実務上の注意点を整理する。
LiteratureNotes
Watchers - state変化に反応する副作用管理
Vue.js の Watchers における watch / watchEffect の役割差、監視対象の指定、deep・immediate・once・cleanup・flush timing・停止条件など、副作用管理の実務判断を整理する。
LiteratureNotes
Template Refs - DOM参照と子コンポーネント参照
Template ref を使って DOM 要素や子コンポーネントの参照を取得する方法と、宣言的UIを崩しすぎずに使うための判断軸を整理する。useTemplateRef、component ref、v-for 内 ref、function ref の使い分けを扱う。
LiteratureNotes
Props - 親子コンポーネント間の入力契約
Vue 3 における props の宣言、受け渡し、一方向データフロー、バリデーションを整理する。<script setup> と TypeScript を前提に、保守性を意識した props 設計の実務判断も記録する。
LiteratureNotes
Events - 子から親への通知契約
Vue 3 における component events の発火、受信、payload 受け渡し、defineEmits による契約定義を整理する。props と対になる子→親通信として、TypeScript ベースの実務的な設計判断も記録する。
LiteratureNotes
Vue.js Reactivity Fundamentals - リアクティビティの基礎
Vue 3のリアクティビティシステムの基礎。ref()による状態宣言、.valueの仕組み（getter/setterによる変更検知）、<script setup>との関係、Deep Reactivity、reactive()の制限、DOM更新タイミング（nextTick）、refのアンラップルールを扱う。
LiteratureNotes
Computed Properties - 派生値とキャッシュ
Vue 3 の computed properties について、派生値の定義、methods との違い、キャッシュ、writable computed、設計上の注意点を整理したノート。
LiteratureNotes
List Rendering - 配列とオブジェクトの反復描画
Vue 3 の list rendering について、v-for の基本、object/range/template への適用、v-if との関係、key の役割、配列更新と filtered/sorted 表示の設計方針を整理したノート。