3.4.2 이벤트 객체 사용하기

자바스크립트에서 이벤트 객체는 특정 이벤트에 대한 상세 정보를 가지고 있는 객체를 의미합니다. 뷰에서는 다음과 같이 이벤트 핸들러의 매개변수로 $event를 전달하면 이벤트 객체를 사용할 수 있습니다.

src/App.vue

<script>
export default {
  methods: {

    clickHandler(event) {
      console.log(event);

    },
  },
}
</script>
<template>

  <button type="button" @click="clickHandler($event)">클릭</button>

</template>

코드를 실행하고 개발자 도구(F12)를 엽니다. 클릭 버튼을 누르고 콘솔(Console 탭)을 확인하면 이벤트 타입(click)에 해당하는 이벤트 객체를 확인할 수 있습니다.