목록이벤트 핸들러 (1)

Posis

[Vue.js] 이벤트 핸들링

이번 포스트에서는 이벤트 핸들링에 대해서 알아보겠습니다. 이벤트 리스너 v-on 디렉티브는 @기호(약어)로, DOM 이벤트를 듣고 트리거 될 때와 JavaScript를 실행할 때 사용합니다. v-on:click="" == @click="" Click! {{ count }} 위 예제는 버튼을 클릭하면 숫자가 1씩 오르는 예제입니다. button태그에 @click 이벤트에 increase 메서드를 연결하여 사용합니다. 메서드 이벤트 핸들러 JavaScript에서는 많은 이벤트 핸들러가 존재합니다. 하지만 로직이 복잡하기 때문에 JavaScript로 넘겨주기 어렵습니다. 그렇기 떄문에 이를 넘겨주기 위해서 함수의 파라미터에 event를 추가해 줍니다. handler(event)의 event는 다른 단어를 사용..
Vue.js 2021. 8. 10. 15:04
이전 Prev 1 Next 다음