Template Syntax
Mustache interpolation
Double braces print a value as text.
<p>{{ message }}</p>Bind attributes with v-bind
Shorthand is a colon. Use it for dynamic href, src, class, and more.
<a :href="url">Docs</a>
<img :src="avatarUrl" alt="Avatar" />Run simple expressions
Templates can call methods and use ternary operators—keep them short.
<p>{{ count > 0 ? "Items ready" : "Empty" }}</p>v-html carefully
v-html injects raw HTML. Avoid with untrusted user content.
<div v-html="trustedHtml"></div>
Comments
One comment per signed-in account. Comments are saved with this page’s URL.