Mehrere Elemente und Kommentare

Sieh dir die Vorlagen an, die du bisher geschrieben hast: eine Überschrift, Absätze und Buttons nebeneinander, ohne ein Element um alles herum. Das ist in Ordnung: Eine Vorlage kann mehrere Elemente auf oberster Ebene haben, und Vue setzt sie alle in #app. (In Vue 2, der älteren Version, brauchte eine Vorlage genau ein Element auf oberster Ebene, deshalb packt älterer Code oft alles in ein <div>.)

Kommentare in einer Vorlage schreibst du wie in HTML, zwischen <!-- und -->. Der Browser zeigt sie nicht an:

<template>
    <!-- Die Preise ändern sich jede Saison. -->
    <p>Käsekuchen, {{ preis }} €</p>
</template>

Jeder Teil einer .vue-Datei hat die Kommentare seiner Sprache: in <script setup> das // von JavaScript für den Rest der Zeile und /* */ für mehrere Zeilen, und in <style> das /* */ von CSS.

Kommentare erklären, was aus dem Code selbst nicht klar wird. Mit ihnen kannst du auch einen Teil der Vorlage für eine Weile ausschalten: Ein Element in einem Kommentar ist nicht auf der Seite, steht aber noch im Code und kann jederzeit zurückkommen. Programmierer nennen das auskommentieren.

Typische Fehler:

• Das // von JavaScript funktioniert in einer Vorlage nicht. Dort ist es gewöhnlicher Text, und die Seite zeigt ihn an.