Template Syntax
- 렌더링된 DOM을 기본 Vue instance의 data에 선언적으로 바인딩
할 수 있는 HTML 기반 template symtax를 사용
- 렌더링 된 DOM: 브라우저에 의해 보기 좋게 그려질 HTML코드
- HTML 기반 template syntax: HTML 코드에 직접 작성할 수 있는 문법 제공
- 선언적으로 바인딩 : Vue instance와 DOM을 연결
Text Interpolation
- 가장 기본적인 바인딩(연결) 방법
- 중괄호 2개로 표기
- DTL과 동일한 형태로 작성
- Text interpolation 방법은 모두 일반 텍스트로 표현
RAW HTML
- v-html directive을 사용하여 data와 바인딩
- directive - HTML 기반 template syntax
- HTML의 기본속성이 아닌 Vue가 제공하는 특수 속성의 값으로 data를 작성