데이터 바인딩, Interpolation

 

{{ }} 일명 mustache 표기법 - 모든  자바스크립트에서 표현식 사용 가능하다.

 

Attribute 바인딩 ( 거의 비슷한 걸로 Directives)

':'(콜론)을 앞에다 붙인다.

<img :src="imgSrc" />

 

imgSrc: 'https://여기다 URL';

 

속성값에 바인딩을 쓰는 기법

 

Vue Directives, 지시문

v-text : {{ }} 대신 사용

v-once : 컴포넌트를 초기에 한번만 랜더링(static)

v-html : 태그를 포함해서 렌더링 기능

v-bind(:src) : 이미지의 url을 바인당할때 사용.

v-if

v-show

v-for

 

양방향 데이터 바인딩

주로 form 요소에서 사용됨