},
}
</script>
<template>

  <form @submit="onSubmitHandler">
    <button type="submit">전송</button>
  </form>

</template>

코드를 실행하면 화면에 전송 버튼이 보입니다. 개발자 도구(F12)를 열고 전송 버튼을 누르면 <form> 태그의 기본 전송 이벤트가 실행되지 않고 onSubmitHandler() 메서드의 값이 출력되는 것을 볼 수 있습니다. 나중에 이 부분에 AJAX를 요청하는 코드를 작성하면 됩니다.

그림 3-40 submit 이벤트 실행결과