Tag: patterns
7 items with this tag.
LiteratureNotes
Custom Directives - 低レベルDOM操作の再利用
Vue 3 の Custom Directives で、plain DOM element に対する低レベル DOM 操作を再利用する設計を整理する。directive hooks、binding 引数、function shorthand、component への適用制約をまとめる。
LiteratureNotes
Plugins - アプリ全体への機能注入
Vue 3 の Plugins で、app レベルの機能追加や依存注入をまとめて初期化する設計を整理する。install()、globalProperties、provide/inject、plugin の責務範囲をまとめる。
LiteratureNotes
Composables - 状態を持つロジックの再利用
Vue 3 の Composables で、状態・副作用・ライフサイクル依存ロジックを再利用する設計を整理する。Composition API における責務分解、reactive input の受け方、返り値設計、他手法との比較をまとめる。
LiteratureNotes
Component Basics - 親子コンポーネント通信の基礎
Vue コンポーネントを再利用可能な UI 部品として定義し、親子間で props・emit・slot を使って責務分離する基本設計を整理する。dynamic components と SFC 前提の実務判断も扱う。
LiteratureNotes
Class and Style Bindings - 状態に応じた見た目の制御
Vue 3 における class と inline style の動的バインディングについて、object / array 構文、computed との組み合わせ、component への継承、ベンダープレフィックスの扱いを整理したノート。
LiteratureNotes
Conditional Rendering - 条件による描画制御
Vue 3 の conditional rendering について、v-if / v-else-if / v-else / template v-if / v-show の違いと、実務での使い分けを整理したノート。
LiteratureNotes
List Rendering - 配列とオブジェクトの反復描画
Vue 3 の list rendering について、v-for の基本、object/range/template への適用、v-if との関係、key の役割、配列更新と filtered/sorted 表示の設計方針を整理したノート。