vue 에서 form 새로고침 막는법

vue 에서 아래와 같이 form 형식으로 전송을 하게 되면 새로고침이 발생하여 초기화 되는 경우가 있다.

<form @submit="onSubmit">
            <button type="submit">Login</button>
</form>

 

이때 새로 고침을 방지하고 싶다면 이벤트를 막아주면 된다.

간단하게 아래와 같이 submit.prevent 를 사용한다.

<form @submit.prevent="onSubmit">
            <button type="submit">Login</button>
</form>