Vue Event
- DOM Event를 청취하기 위해 v-on dircetive 사용
- inline event handling
- method를 이용한 event handling
v-on
- v-on을 사용하여 DOM 이벤트가 트리거 될 때 JS를 실행할 수 있다.
- 이벤트 발생시에 로직 처리를 v-on에 넣기 힘들기 때문에, v-on에서는 이벤트 발생시 처리해야하는 method의 이름을 받아 처리한다.
- 메서드 이름을 직접 바인딩하는 대신 인라인 js구문에 메서드를 사용할 수도있다.
- 원본 DOM 이벤트에 액세스해야하는 경우 $event변수를 사용해 메서드에 전달할 수도 있다.
ref, $refs
- Vue에서는 $refs 속성을 이용해 DOM에 접근할 수 있다.
- 단, 뷰의 가장 중요한 목적 중 하나는 개발자가 DOM을 다루지 않게 하는 것이기 때문에 ref를 사용하는 것을 지양하는게 좋다