목록v-on (1)

개발정리

이벤트 핸들링

vue.js에서 이벤트를 처리할 때는 v-on 또는 @를 사용합니다. 카운트 늘리기 예제 버튼을 눌렀을때 숫자를 하나씩 더하는 예제를 만들어 봅시다. {{ count }} 더하기 더하기 해당 코드에서 v-on을 사용해 해당 이벤트에 연결되는 메소드를 설정해 줬습니다. 즉,click이벤트가 발생 했을때 plus메서드가 실행 되는 것 이죠 더하기 버튼을 눌렀을때 숫자가 증가하는 것을 보실수 있습니다. 카운트 빼기 버튼 예제 이제 v-on 태그가 아니라 @를 사용해서 카운트 빼기 를 구현해 봅시다. {{ count }} 더하기 빼기 v-on을 사용하지 않고 @를 사용해도 클릭이벤트를 발생 시킬 수 있음을 볼 수 있습니다. click이벤트 외에도 mouseup mousedown 등 여러가지 이벤트가 있습니다. ..
Vue.js/개념 2023. 7. 29. 18:38
이전 Prev 1 Next 다음