はい。
はい。はい。
了解です。
Vue 2.7 + Vuex のクラスコンポーネント → Composition API(<script setup>
) 変換のための教科書 の章立て案を以下にまとめます。
📖 Vue クラスコンポーネントから Composition API への書き換え教科書 目次
🏗️ 第1章: イントロダクション
- 1-1. そもそもなぜ Composition API に書き換えるのか
- 1-2. クラスコンポーネントと Composition API の思想と違い
- 1-3. 変換作業でハマりがちなポイントと心構え
🗂️ 第2章: 基本構造の変換
- 2-1. クラスコンポーネントの基本構造とは?
- 2-2.
<script setup>
の基本構造
- 2-3.
props
, data
, computed
, methods
の変換
🌀 第3章: Vuex の変換パターン
- 3-1.
mapState
, mapGetters
, mapActions
, mapMutations
の書き換え
- 3-2.
useStore()
の基本と応用
- 3-3. 型安全な Vuex との連携(TypeScript 使用時)