()있는 메서드 호출과 없는 메서드 호출 차이

Front End/Vue

Vue.js () 있는 메서드 호출과 없는 메서드 호출 차이 (Vue.js method calling with or without ())

v-on:click="a" 코드는 이벤트 핸들러로써 a() 메서드 함수를 호출하는 형태로 이벤트 핸들러를 지정한다. 그래서 클릭 이벤트가 발생하였을 때 a() 메서드를 호출한다. v-on:click="a()" 도 이벤트 핸들러로써 a()메서드 함수를 호출하는 형태이다. 이 두가지 차이를 자세하게 다뤄보려고 한다. v-on:click="a()" v-on:click="a" 메서드 호출 시점 해당 요소가 렌더링될 때마다 메서드가 호출된다. 이는 a() 메서드를 템플릿에서 직접 호출하는 것과 유사한 동작을 한다. 메서드 이름만을 이벤트 핸들러로 지정하는 방식은 이벤트가 발생했을 때 메서드가 호출된다. 따라서 이벤트가 발생해야만 메서드가 실행된다. 메서드 인자 전달 v-on:click="a(arg)">와 같이 메..

Lar
'()있는 메서드 호출과 없는 메서드 호출 차이' 태그의 글 목록