[Vue] Basic of Syntax

한결·2023년 5월 1일
0

WEB

목록 보기
44/63

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를 작성

0개의 댓글