[Vue.JS] 클릭 이벤트에서 $event 사용

Vue 파일을 수정하면서 버튼 클릭 시, 팝업창이 뜨도록 수정하던 와중에 @click 함수에 $event가 들어있는 부분이 있고 없는 부분이 있어 검색해보았다.

//첫번째 수정
<button class="show" @click="popup(agreement.agreRegNo, agreement.agreType)">
  <span>내용보기</span>
</button>

//두번째 수정
<button class="show" @click="popup($event, agreement.agreeNo, agreement.agreeType)">
  <span>내용보기</span>
</button>

📌 $event

파라미터를 직접 넘기는 메서드인 경우에 사용한다.

<button class="show" @click="popup($event, agreement.agreeNo, agreement.agreeType)">
</button>

popup(e, agreeNo, agreeType) { //e적든 event적든 상관없음
  ...
}

💡 결론) 파라미터와 이벤트를 함께 쓰는 경우 $event를 사용하면 된다.