VueJS - 패스 함수명과 콜의 차이

VueJS - 패스 함수명과 콜의 차이

예를 들어 @click을 가진 요소가 있다고 합시다.그 이름으로 기능을 전달하는 것과 그 기능을 사용하는 것의 진정한 차이점은 무엇입니까?양쪽 모두 동작하고 있기 때문입니다.상담의 또 다른 추상화 레벨이 만들어집니까?편도가 좋습니까?

<element @click="functionName"></element>
<element @click="functionName()"></element>

이름을 사용하면 Event 객체가 함수에 전달됩니다.이것은 event.target에 액세스 할 필요가 있는 경우에 편리합니다.

<element @click="functionName"></element>

functionName(x){
    console.log(x)
}

output (example as it'll change based on the event):
MouseEvent {isTrusted: true, screenX: 494, screenY: 88, clientX: 494, clientY: 22, …}

풀 함수 콜을 참조하는 경우는, 함수에 건네진 것을 명시적으로 선언하는 것입니다.

<element @click="functionName()"></element>

functionName(x){
    console.log(x)
}

output:
undefined

또는 다음과 같이 정의되어 있습니다.

<element @click="functionName('foo')"></element>

functionName(x){
    console.log(x)
}

output:
foo

언급URL : https://stackoverflow.com/questions/45879368/vuejs-difference-between-passing-function-name-and-call