Event Listner인 v-on 디렉티브를 통해 DOM 이벤트에 접근할 수 있다.
<body>
<script>
export default {
data() {
return {
count: 0
}
},
methods: {
increment() {
this.count++
}
}
}
</script>
<template>
<button v-on:click="increment">{{ count }}</button>
<button @click="increment">{{ count }}</button>
</template>
</body>- increment라는 함수를 사용한 메서드로 이벤트를 설정
- this를 통해 메서드에 접근하고, 수행할 때 1씩 count한다
v-on:click="increment"
- button 태그에 클릭 이벤트에 대한 value 증가 인터랙션을 삽입하는 방법@click="increment"
- v-on의 간소화된 문법
출처: Vue.js 공식사이트 예제
유저가 왜 그랬을까