• 카테고리

    질문 & 답변
  • 세부 분야

    프론트엔드

  • 해결 여부

    미해결

이벤트 등록에 대해서 질문 드립니다.

21.01.26 14:23 작성 조회수 81

4

안녕하세요! 강의 정말 잘 듣고 있습니다.

지난 Tab Change 구현에서도 궁금했던 부분인데 비슷한 내용이 또 나와서 질문드립니다.

Tab li 목록에 이벤트를 등록할 때와 이번 강좌에서 remove 버튼에 이벤트를 등록할 때 유사 배열을 가져와 배열로 변경해 이벤트가 필요한 모든 객체마다 이벤트를 등록해 주는 방법을 사용하셨는데요.

이벤트를 상위 객체에 한 번만 등록해두면 이벤트 버블링을 통해 상위 객체에 전달될 테고 거기서 이벤트를 처리하는 것이 이벤트를 일일이 등록하는 것보다 비용이 적게 들어갈 것으로 생각되는데요. (HistoryView의 경우 HistoryView.el에 클릭 이벤트를 등록하고 핸들러 함수에서 이벤트 발생이 remove 버튼에서 시작됐는지 아닌지 판단하여 서로 다른 emit 호출하는 식으로)

혹시 이벤트를 일일이 등록하신 이유가 있으신지 질문드립니다.

답변 부탁드립니다. 감사합니다!

답변 1

답변을 작성해보세요.

5

안녕하세요 승엽니다. 잘 지적해 주셨습니다. 말씀하신대로 이벤트를 한 번만 등록하는 것이 더 효율적일 수 있겠다는 생각이 드네요. 강의 편의상 이벤트를 각 각 등록하였고요, 이건 vuejs 수업에서도 다루게 되는데 서로 비교할 의도로 사용했다고 생각해 주시면 좋겠습니다.