v-bind 디렉티브를 간단하게 사용하기 위한 문법 형태로 축약형(shortcut)이 있습니다. v-bind의 축약형은 v-bind 없이 콜론(:)만 사용합니다. 즉, 다음 코드는 서로 같은 코드입니다.

<template> 
  <h1 v-bind:class="className">Hello, Vue JS</h1>

  <h1 :class="className">Hello, Vue JS</h1> ------ 축약형

</template>

축약형은 <template> 태그 영역에서 사용되는 HTML 태그의 속성과 값을 간결하게 연결하기 위해 도입됐습니다. 현업에서는 축약형을 더 많이 사용합니다.