v-bind, v-on, v-model

v-bind 디렉티브는 반응적으로 HTML 속성을 갱신하는데 사용  한방향으로 변경될 때 단방향 바인딩

 

v-on 디렉티브  DOM 이벤트를 수신하는데 사용함

 

양방향 바인딩을 할 때는 v-model

v-on 약어

<!-- 전체 문법 -->
<a v-on:click="doSomething"> ... </a>

<!-- 약어 -->
<a @click="doSomething"> ... </a>

<!-- shorthand with dynamic argument (2.6.0+) -->
<a @[event]="doSomething"> ... </a>

V-bind 약어

<!-- 전체 문법 -->
<a v-bind:href="url"> ... </a>

<!-- 약어 -->
<a :href="url"> ... </a>

<!-- shorthand with dynamic argument (2.6.0+) -->
<a :[key]="url"> ... </a>