[vue] event.preventDefault()

사실 이건 vue 포스팅보단 html 이나 javascript 포스팅이 맞는 것 같지만,

무심코 넘어가던 v-on:click="event" .. 같은 함수 뒤에 .prevent 가 붙는게 신경쓰여서

이게 뭐지 하고 싶어 찾아보는 김에 기록용으로 포스트 작성.

 

기본적으로 form에서 onSubmit()을 통해 submit 하면 이벤트 완료 후 refresh된다고 한다.

근데 리엑트나 vue 같은 SPA앱에서는 리프레쉬를 하는건 다시 데이터를 로드하는데 많은 시간과 용량이 필요한 법..

그래서 event.preventDefault() 를 활용해서 기본적인 이벤트와 리프레쉬 등 별도의 브라우져 이벤를 멈추고 원하는 이벤트만 실행할 수 있도록 하는 것 같다.

 

결국 form 태그와 submit 버튼(onSubmit Event)를 사용하지 않으면 굳이 작성할 필요가 없는 api 인 것 같다.