[vue.js] 디렉티브

HTML 태그에 사용할 수 있는 vue.js의 속성들을 디렉티브라고 한다. 앞서 사용했던 v-bind 같은 것들.

* v-text

textContent를 업데이트할 때 사용 됨

* v-html

innerHTML을 업데이트할 때 사용

* v-show

바인딩된 데이터가 true일 경우 visible, false일 경우 none

* v-if

조건에 따라 해당 엘리먼트를 랜더링할 지 말지 결정

* v-else-if, v-else

v-if문 바로 아래 쓰여야 함.

* v-for

템플릿 구문을 여러번 반복함. item in items와 같은 특수 구문을 사용해야함.

<div v-for="(item, index) in items"></div> 와 같이 index도 같이 넘겨받을 수 있다!

* v-on

엘리먼트에 리스너를 연결함

* v-model

2way binding 지원

*v-once

한번만 랜더링. 초기 랜더링 이후에 데이터가 바뀌지 않음