Vue.jsのComposition APIは、コンポーネントのロジックを機能単位でまとめて記述できる仕組みです。従来のOptions API(data、methods、computedなどのオプションで分割)と異なり、setup()関数内に関連するコードをひとまとめに書けるため、コードの再利用性と可読性が向上します。refやreactiveで状態管理、computedやwatchで派生値・監視も簡潔に定義できます。
data
methods
computed
setup()
ref
reactive
watch