디렉티브(directive)

** 디렉티브

- 지시자 , 태그안에 들어가는 vue 어트리뷰트

 

* interpolation(보간법) : {{}} / v-text

- data 혹은 computed 옵션의 리턴값을 표시해줌

 

* v-bind

- 태그 어트리뷰트를 동적으로 제어해 주는 지시자

- v-bind: value === :value

- 단방향 바인딩 

 

* v-model

- 양방향 바인딩.

 

* v-show

- 화면에 해당 태그를 보여줄지 말지를 판단.

- 랜더링 자체는 이미 된 상태

- true, false가 리턴되는 표현식이 위치함.

 

* v-if, v-else-if, v-else

- 화면에 랜더링을 할지 말지를 판단.

- true, false가 리턴되는 표현식이 위치함.

- v-show 와 흡사하지만 조건에 따라 매번 랜더링을 새로하게됨 => 실행속도 / 랜더링여부에 따라 판단하여 사용해야 함.