VueJS

> Event listener shortcut

1
2
3
<div id="app">
  <button v-on:click="modifyName">Modify</button>
</div>

equals

1
2
3
<div id="app">
  <button @click="modifyName">Modify</button>
</div>

> Attribute binding shortcut

1
2
3
<div id="app">
  <input v-bind:class="cssClass">Class: {{ cssClass }}</input>
</div>

equals

1
2
3
<div id="app">
  <input :class="cssClass">Class: {{ cssClass }}</input>
</div>