v-on 디렉티브 관련해서 질문입니다!

Question

저희 예제에선 v-on:@submit="onSubmit" 와 같이 v-on을 사용하는데 공식홈페이지에선 저 submit 앞에 @를 빼고 v-on:submit="onSubmit"로 사용하더라구요. 그래서 짐작컨데 App.vue 에 작성된 DOM구조에서 다른 컴포넌트로 보내고 그 컴포넌트 내 메소드에서 처리하게 되면 v-on:@submit="onSubmit"과 같이 @를 붙이고 App.vue 내 메소드에서 처리하게 되면 @를 붙이지 않는 것으로 이해를 했습니다. 제가 맞게 이해를 한건가요? ㅎㅎ

Ki Tae Park · Answer

아하..ㅎㅎㅎㅎ 잘못 짚고 있었네요 감사합니다 ! 강사님 말씀은 이벤트 이름은 그냥 문자열이니까 어떤 이름으로 지정해도 상관없고 동작을 한다는 말씀이네요 ㅎㅎㅎ (그런데 다른 vue 프로젝트에서 @submit 하니 안돌아가고 submit 만 쓰니 돌아가더라는..) 아직 헷갈리는게 많은 거 같습니다 ㅠㅠ 강의를 더 자주 보면서 복습해야 겠어요

jeonghwan · Answer

이벤트 이름은 그냥 문자열 (String) 이라고 보시면 됩니다. 공식 예제의 submit은 브라우저에서 정의한 이벤트 이름일거에요. 저희 예제의 @submit은 따로 지정한 이벤트라고 생각하시면 되요. 사실 그냥 submit으로 해도 되지만 커스텀 이벤트라는 의도에서 모든 이벤트를 @ 문자열로 시작한겁니다.