Was ist Vues Template-Syntax?

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)

<template>
  <h1>{{ title }}</h1>                 <!-- inserts the value of `title` -->
  <p>{{ count * 2 }}</p>               <!-- any JS expression works -->
  <p>{{ isActive ? "On" : "Off" }}</p> <!-- ternaries, method calls, etc. -->
</template>