Vue.js에서 사용자 인터랙션(클릭, 입력 등)을 처리하기 위해 `v-on` 디렉티브를 어떻게 사용하는지 설명해 주세요. 이벤트 수식어(event modifiers)의 역할도 함께 설명해 주세요.

Vue.js에서 v-on 디렉티브는 DOM 이벤트에 반응하여 Vue 인스턴스의 메서드를 실행하는 데 사용됩니다. 예를 들어 @click='handleClick'처럼 사용하면 클릭 이벤트가 발생했을 때 handleClick 메서드가 호출됩니다. v-on은 @ 기호로 축약해서 사용할 수 있습니다.

이벤트 수식어는 이벤트 핸들러가 호출되기 전후에 특정 동작을 수행하도록 도와줍니다. .prevent는 이벤트의 기본 동작을 막고, .stop은 이벤트 전파를 중단시킵니다. 예를 들어 <form @submit.prevent='handleSubmit'>는 폼 제출 시 페이지 새로고침을 막습니다. .once는 이벤트 핸들러를 한 번만 실행하고, .capture는 캡처링 방식으로 이벤트를 처리합니다. 이러한 수식어를 사용하면 코드를 더 간결하고 효율적으로 관리할 수 있습니다.