이벤트 핸들러

이벤트 핸들러

HTML 클릭 시 코드 실행

 

JS 제공기능

HTML 속성에 onClick="" 추가

 

클릭->다루는 데이터를 찾아서 처리(e.g 1증가)->처리된 내용을 html에 반영

 

 

Vue 문

HTML 속성에 v-on:click="" 

or

@click="" 추가

클릭->관련된 데이터만 처리 (->자동 리랜더링)

    <button @click="신고수+=1" >허위매물신고 </button> <span>신고 수: {{ 신고수 }}</span>
## 함수내용 직접 입력

    <button @click="increase" >허위매물신고 </button> <span>신고 수: {{ 신고수 }}</span>
## scripts 내에 작성한 함수명으로 처리


methods : {
    increase() {
      this.신고수+= 1;
    }
  }