HTML 태그의 콘텐츠(contents)가 아니라 속성(attribute)에 데이터를 연결하고 싶다면 v-bind 디렉티브를 사용해야 합니다. v-bind 디렉티브는 항상 HTML 태그의 속성 앞에 콜론(:)을 붙여 표시합니다. 그래야 HTML 속성과 데이터를 연결할 수 있습니다.

올바른 문법

<template> 
  <h1 v-bind:class="className">안녕하세요</h1> 
</template> 

예제 코드에 v-bind 디렉티브를 사용해 class 속성의 값을 다음과 같이 지정합니다.