📌 Event Modifier(이벤트 수식어)

이벤트를 받을 때, 흔하게 사용하는 javascript를 Vue 문법을 통해서 쉽게 제어할 수 있도록 하는 기능

이벤트 핸들러 내에서

event.preventDefault( ) 또는 event.stopPropagation( ) 을 호출하는 것은 매우 흔하다.

매서드 내에서 이 작업을 쉽게 수행할 수 있지만, 매서드가 DOM 이벤트에 대한 세부적인 처리 로직 없이 오로지 데이터 처리 로직만 있다면 코드 유지보수에 더 좋을 것이다.

이 문제를 해결하기 위해 v-on은 점(.)으로 시작하는 지시적 접미사인 이벤트 수식어를 제공한다.

.stop .prevent .self .capture .once .passive

🔗 참고자료

Vue.js