了解です!
ではそのまま続けて 第4章 4.2 ステップバイステップで安全に変換する方法 に進みます。
ここでは、親子コンポーネント + Vuex の変換を安全に進めるための具体的な手順 を解説します。
一気に全部を変えるとエラーが多発しがちなので、
順番を守って少しずつ変えていく のがポイントです。
| ステップ | 内容 | 理由 |
|---|---|---|
| 1 | 子コンポーネントだけ Composition API に変換 | 親とstoreはそのまま動くので安全に試せる |
| 2 | 親コンポーネントを Composition API に変換 | 子が動くことを確認してから進める |
| 3 | Vuex の useStore() への書き換え |
親・子が Composition API になったあとでOK |
| 4 | コンポーザル関数 (useCounterStore.ts) を作る |
useStore() が理解できたら整理していく |
@Prop, @Emit → defineProps, defineEmits に変えるprops / emit だけ確認する)