Problem Statement
What is <script setup> and why is it recommended?
Explanation
<script setup> is a compile-time syntax that simplifies Composition API code. It removes boilerplate (no need to return), enables direct imports/usage, better tree-shaking, and faster execution. Top-level bindings in <script setup> are available in the template automatically.
Code Solution
SolutionRead Only
<script setup>
import { ref } from 'vue'
const msg = ref('Hello')
function flip(){ msg.value = msg.value.split('').reverse().join('') }
</script>