Vue.js - 단축 문법

v-bind 디렉티브

v-bind 디렉티브는 엘리먼트의 id 속성을 컴포넌트의 chest 속성과 동기화된 상태로 유지되고 , 바인딩된 값이 null 또는 undefined이면 엘리먼트의 속성이 제거된 상태로 렌더링

문법

<div v-bind:id="chest"></div>

단축 문법

<div :id="chest"></div>

 

v-on 디렉티브

DOM 이벤트를 수신한다. click의 인자는 수신할 이벤트 이름 ,  v-on은 단축형으로 @를 대신 사용할 수 있다

<a v-on:click="back"> ... </a>

<!-- 단축 문법 -->
<a @click="back"> ... </a>