[Vue.js] 이벤트 처리

인라인 이벤트

• 'v-on' 디렉티브로 설정
  • v-on:[이벤트 이름]="표현식"
  • @[이벤트 이름]="표현식"
  • @click = "test($event)" (이벤트 객체가 필요한 경우)

---

이벤트 전파의 3단계

버블링의 차단

• event.stopPropagation() 호출

관련 수식어

• .stop -> event.stopPropagation() 호출과 동일
• .capture
• .self
• once
• @이벤트.enter="..."
• @이벤트.exact = "..."

---

학습일자 : 2025.03.20.
참고자료 :

• ITYL 6기 수업자료
• https://99geo.tistory.com/42