Vue template syntactic sugar
Event listeners:
v-on:click→
@click
Data binding - object syntax: v-bind:class=“{title: dog}” → :title=”dog”
The bound object doesn’t have to be inline:
data: { classObj: { active: true, ‘text-danger’: false } }
Data binding - array of props:
v-bind:class=“[cat, dog]” data: { cat: ‘active’, dog: ‘text-danger’ }