Vue Event

mingggkeee·2022년 5월 9일
0

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를 사용하는 것을 지양하는게 좋다
profile
만반잘부

0개의 댓글