[[Vue3]]で採用された[[RFC]]。[[Composition API]]の冗長性を排除した直感的な仕様になっている。 v3.2から対応している。 ## MOC - 📒**関連** - [RFCのプルリク](https://github.com/vuejs/rfcs/pull/227) - [[script setupでstateを定義]] - [[script setupでpropsを定義]] - [[propsのデフォルト(default)値を定義 (script setup)|propsのデフォルト(default)値を定義]] - [[script setupでイベント(emit)を定義]] - [[script setupでheadを定義]] - [[script setupでルーター(router)の情報を取得]] - [[script setupでref(Template Refs)]] - [[script setupで@Stateを置き換える]] - [[script setupで@Getterを置き換える]] - [[script setupで$axios]] - [[script setupでemitのcallback(listener)設定有無を確認]] - [[vuex-classの書き方をscript setupに置き換えるレシピ集]] - 📜**アクティビティ** - [[📜Nuxt Bridgeを使わずunplugin-vue2-script-setupを使ってscript setupを実現]] - 📝**トラブルシューティング** - [[📝Vue3のscript setupでcomputedな値をwatchしても検知できない]] - [[📝Vueのscript setup内にてreactiveで作成したネストしたクラス型のプロパティをtemplate内で使うとエラー]]