Vue.js Template Syntax

{{ message }} # text interpolation
{{ message.toUpperCase() }} # expressions
{{ count + 1 }} # mathematical operations

v-bind:href="url" # bind attribute
:href="url" # shorthand
:class="{ active: isActive }" # dynamic class
:style="{ color: textColor }" # dynamic style

v-html="htmlContent" # render HTML content

v-once # render once, no updates

v-pre # skip compilation for this element