Di Vue 3 dengan <script setup>, komponen sangat ringkas:

const greeting = ref("Selamat datang di Vue!")

---template---
<div>
  <h1>{{ greeting }}</h1>
  <p>Ini komponen Vue pertamamu.</p>
</div>

Aturan Komponen

• Satu file = satu komponen (Single File Component / SFC)
• Template harus punya satu root element (atau gunakan <template> multi-root di Vue 3)
• Script berisi logika, template berisi markup

Anatomi SFC

<script setup>
import { ref } from "vue"
const count = ref(0)
</script>

<template>
  <button @click="count++">{{ count }}</button>
</template>

<style scoped>
button { color: blue; }
</style>