on
on 메서드를 사용하면 대상 요소에 이벤트 핸들러를 등록할 수 있습니다. 이를 통해 사용자의 상호작용을 쉽게 포착하고 응답할 수 있습니다.
다음은 on 메서드를 사용하여 버튼 요소에 클릭 이벤트 핸들러를 등록하는 방법을 보여주는 예시입니다:
-
이 예제에서는 on 메서드를 사용하여 버튼 요소에 클릭 이벤트 핸들러를 추가했습니다. 사용자가 버튼을 클릭하면 이벤트 핸들러가 실행되어 카운터가 증가하고 결과가 페이지에 표시됩니다.
템플릿 구문 방식 사용
또한 템플릿 구문을 사용하여 대상 요소에 메서드를 바인딩할 수 있습니다.
{{count}}
이 예제에서는 버튼 요소에 on:click을 사용하여 addCount라는 메서드를 바인딩했습니다. 사용자가 버튼을 클릭하면 이 메서드가 호출되고 카운터 값이 증가하여 페이지에 표시됩니다. 이러한 방식으로 이벤트 핸들러를 컴포넌트의 메서드와 연결하여 더 복잡한 상호작용을 구현할 수 있습니다.
event
이벤트 등록 후, 트리거되는 함수에는 event가 포함되며, 이는 네이티브와 동일합니다:
-