Vue · Junior · Frage 3 von 75
Was enthält eine Single-File Component (Datei .vue)?
<script setup>
import { ref } from "vue";
const count = ref(0);
</script>
<template>
<button @click="count++">Clicked {{ count }} times</button>
</template>
<style scoped>
button { font-weight: bold; }
</style>- 1Eine Konfigurationsdatei für den Vue-Compiler
- 2Logik, Template und Styles der Komponente in einer Datei
- 3Nur das Template; die Logik muss in einer eigenen
.js-Datei liegen
Antwort zeigen
Richtige Antwort: Logik, Template und Styles der Komponente in einer Datei
Erklärung
SFCs halten zusammengehörigen Code beisammen. Das Build-Werkzeug (Vite-Plugin) kompiliert <template> zu einer Render-Funktion, verarbeitet <script setup> und kapselt die Styles.