Vue 3 では Composition API(setup 関数スタイル)が推奨されています。
📦 主要な Composition API 関数
| 関数 | 用途 |
|---|---|
ref() | プリミティブのリアクティブデータ |
reactive() | オブジェクトのリアクティブデータ |
computed() | 算出プロパティ |
watch() | データの変化を監視 |
Vue 3 では Composition API(setup 関数スタイル)が推奨されています。
| 関数 | 用途 |
|---|---|
ref() | プリミティブのリアクティブデータ |
reactive() | オブジェクトのリアクティブデータ |
computed() | 算出プロパティ |
watch() | データの変化を監視 |
| ディレクティブ | 用途 |
|---|---|
v-bind / : | 属性のバインド |
v-on / @ | イベントハンドリング |
v-if / v-else | 条件レンダリング |
v-for | リストレンダリング |
v-model | 双方向バインディング |
v-show | 表示/非表示(CSS) |