Vue 템플릿은 디렉티브와 보간(interpolation)으로 강화된 HTML입니다. HTML처럼 보이는 마크업에 특수 속성(v-로 시작하는 디렉티브)과 동적 값을 위한 {{ }}를 추가해 작성합니다.
텍스트 보간 (mustache 문법)
vue
<template>
<h1>{{ title }}</h1> <!-- `title`의 값을 삽입 -->
<p>{{ count * 2 }}</p> <!-- 모든 JS 표현식이 동작 -->
<p>{{ isActive ? "On" : "Off" }}</p> <!-- 삼항 연산, 메서드 호출 등 -->
</template>
는 JavaScript (문장이 아님)을 평가하여 그 결과를 텍스트로 렌더링하며, 데이터가 변경되면 자동으로 갱신됩니다.
