Skip to content
masterclass Buddy
Start learning

Vue.js · Concept

script setup

<script setup> is Vue's concise syntax for using the Composition API in Single-File Components. Top-level code is available to the template, and compiler macros declare props, events, models, and other component features.

Last updated

Since
3.3+

Syntax

<script setup>
// component setup code
</script>

In-depth API docs are only for subscribers: parameters, examples, common mistakes and interview practice.

Subscribe
  • Composition API
  • Single-File Components
  • defineProps()
  • defineEmits()
  • defineModel()
  • defineExpose()
  • defineOptions()
  • defineSlots()

Source: <script setup> | Vue.js. Checked 2026-11-03.