了解！では、「オプションAPIとComposition APIで何が違う？」 を

もっと丁寧に深掘りして説明します。

【第1章】オプションAPIとComposition APIで何が違う？

🎯 そもそもなぜ2つあるの？

Vueはもともと「初心者でもわかりやすい」ことを大事にしてきた。

だから最初は 「役割ごとに分ける」＝オプションAPI で書くスタイルだった。

• データ → data に書く
• 計算 → computed に書く
• 関数 → methods に書く
• 変わったときに反応する → watch に書く

とても直感的でわかりやすい。

最初のうちはこれで問題ない。

🟠 でもアプリが大きくなると…？

たとえば「ユーザーログインの処理」があって、

• ログインのフラグ → data
• ログイン中のユーザー名 → data
• ログイン状態の計算 → computed