了解です!
ではそのまま続けて 第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
だけ確認する)