Was ist Vues Template-Syntax?

Question

Accepted Answer

Vue-Templates sind **HTML, das mit Direktiven und Interpolation erweitert wird** — Sie schreiben Markup, das wie HTML aussieht, plus spezielle Attribute (Direktiven, die mit `v-` beginnen) und `{{ }}` für dynamische Werte. ## Text-Interpolation (Schnurrbart-Syntax) ```vue ``` `{{ }}` evaluiert einen JavaScript-*Ausdruck* (keine Anweisungen) und rendert das Ergebnis als Text, das sich automatisch aktualisiert, wenn sich die Daten ändern. ## Direktiven — spezielle v- Attribute ```vue ``` ## Kurzschrift-Syntax (überall verwendet) ```vue link ``` Die Kurzformen `:` (bind) und `@` (on) sind die idiomatische Schreibweise in Vue — die vollständige Form `v-bind:`/`v-on:` wird selten verwendet. ## Attribute Binding vs Interpolation ```vue

``` Verwenden Sie `{{ }}` für Textinhalte und `:attr` für Attributwerte — Sie können Schnurrbart-Syntax nicht in einem Attribut verwenden. ## Warum es wichtig ist Template-Syntax ist das Herzstück der Vue-UI-Entwicklung. Die Kombination aus `{{ }}`-Interpolation und `v-`-Direktiven (mit `:` und `@` Kurzformen) ermöglicht es Ihnen, dynamische, reaktive UIs deklarativ auszudrücken — lesbar wie HTML, aber datengesteuert. Die Beherrschung der gängigen Direktiven macht den Großteil der alltäglichen Vue-Entwicklung aus.