v-bind , v-on 약어

Vue의 데이터를 사용한다는 디렉티브인 v-bind와 이벤트를 감지하고 트리거 시키는 v-on은 자주 사용된다. 따라서, 약어가 있다.

 

v-bind: 는 v-bind를 생략한 : 

v-on: 은  @를 사용하면 된다. 

아래 예제를 통해 v-bind, v-on의 약어를 비교해보자. html 코드에서 같은 내용이 두개 있는데 표현만 약어로 바뀐 것이다.