[Vue] 이벤트 핸들링 - 이벤트 수식어

이벤트 핸들러 내부에서 event.preventDefault() 또는 event.stopPropagation()를 호출하는 것은 매우 보편적인 일입니다. 메소드 내에서 쉽게 이 작업을 할 수 있지만, DOM 이벤트 세부 사항을 처리하는 대신 데이터 로직에 대한 메소드만 사용할 수 있으면 더 좋을 것입니다. 이 문제를 해결하기 위해, Vue는 v-on 이벤트에 이벤트 수식어를 제공합니다. 수식어는 점으로 표시된 접미사 입니다. .stop .prevent .capture .self .once .passive 출처: <https://kr.vuejs.org/v2/guide/events.html#%EC%9D%B4%EB%B2%A4%ED%8A%B8-%EC%88%98%EC%8B%9D%EC%96%B4> 먼저 .stop은 이벤트 버블링을 막아주는 역할을 한다. .prevent는 preventDefault()와 같은 기능을 한다. .capture는 이벤트 캡처링을 옵션으로 두는 것과 동일한 ...