a 태그 href 속성 값에 변수 및 값 넣기

v-bind 디렉티브를 사용 해야 된다.

디렉티브(Directive)란, HTML 태그 안에 들어가는 속성의 역할을 하며, v-​라는 접두사가 붙는 것이 특징입니다.

const item = {
  id: 1,
  title: 'title',
  content: 'content'
  url: 'forward.tistory.com',
}

<a :href="item.url">{{ item.title }}</a>
<a v-bind:href="item.url">{{ item.title }}</a>

<router-link :to="`/shop/${item.id}`">{{ item.title }}</router-link>
<router-link v-bind:to="`/shop/${item.id}`">{{ item.title }}</router-link>

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