Vue Template

템플릿이란 브라우저에서 볼 수 있는 HTML로 변환해주는 속성입니다.

데이터를 화면에 연결하는 데이터 바인딩과 화면의 조작을 편하게 할 수 있는 디렉티브로 나뉩니다.

 

template 속성에서 정의한 마크업 + 뷰 데이터를 가상 돔 기반의 render() 함수로 변환하고

변환된 render() 함수는 최종적으로 사용자가 볼 수 있게 화면을 그리는 역할을 합니다.

 

 

속성과 문법들

 

- 데이터 바인딩

- 자바스크립트 표현식

- 디렉티브

- 이벤트 처리

- 고급 템플릿 기법

- 필터

 

Data Binding

콧수염(Mustache) {{    }}

 

가장 기본적인 텍스트 삽입 방식입니다.

 

Directive

 

v-bind : HTML 속성에 뷰 데이터 값을 연결할 때 사용합니다.