괄호() 유무의 차이
◆ this.loadResult();
loadResult()는 클래스 또는 객체의 메서드를 호출하는 것입니다.- 괄호를 사용하여 loadResult 메서드를 실행하고 결과를 반환합니다.
◆ this.loadResult
loadResult괄호가 없는 경우에는 메서드 자체를 참조하거나 저장하는 것입니다.- 이 경우에는 loadResult 메서드를 실행하지 않고 메서드 자체를 다른 변수에 할당하거나 다른 함수에 전달하는 등의 용도로 사용됩니다.
◆ this
this는 현재 Vue 인스턴스 또는 component를 참조하는 키워드입니다.- component의 data, methods, computed 속성 등 컴포넌트의 다양한 요소에 액세스하고 조작할 수 있습니다.
- component의 메서드, computed 속성 또는 감시자 내에서 컴포넌트의 데이터, 메서드 또는 속성을 다루려면 this를 사용해야 합니다.
◆ 원본과 사본의 차이
- v-for를 이용해서 항목을 추출하면 항목의 복사본(proxy)을 만든다.
(item, index) in todoItems에서 item은todoItems[index]의 사본이다.- 출력시에는 문제가 되지 않지만 변경이 가능하게 하려면 원본을 사용한다.
<!-- 단순 출력이 목표면 사본, 변경이 목표면 원본을 사용 -->
<!-- 사본 출력 : 원본이 다른 일을 할 수 있다. -->
번호 : {{pocketmon.no}},
이름 : {{pocketmon.name}},
속성 : {{pocketmon.type}}
<!-- 원본 출력 -->
번호 : {{pocketmonList[index].no}},
이름 : {{pocketmonList[index].name}},
속성 : {{pocketmonList[index].type}}
Backend Developer