<script setup>が何かという話は、以下の記事でまとめてくれている方がいましたので、ご覧ください。 『今Vue3やるなら<script setup>を使おう』 (まだ軽く使っただけの感想なので、何か誤っていたり、後で意見が変わって平然と<script setup>を使い出すかもしれませんがご容赦承ください) 理由1: Viewに公開したい変数とそうでない変数を明示的に区別できない setup関数: <script> export default { setup () { const number1 = ref(..) const number2 = ref(..) const result = computed(() => number1.value + number2.value) return { result } } } </script> // View内ではresult
