렌더링 중에 "toggleFavorites" 속성에 액세스했지만 인스턴스 오류에서 속성이 정의되지 않았습니다.

Question

vuejs2 CLI 옵션 API를 사용하여 일부 웹 애플리케이션을 만들고 이벤트 이미터를 만들려고 하는데 콘솔에 오류가 있다는 메시지가 계속 표시되고 이벤트 이미터가 있는 버튼을 클릭해도 아무것도 표시되지 않습니다.

콘솔에 오류가 표시됩니다

하위 구성 요소에 있는 코드는 다음과 같습니다.

으아악

toggleFavs 메소드를 사용하는 첫 번째 버튼은 이 메소드를 사용하여 이벤트 이미터를 보내는 버튼입니다

으아악

App.vue의 주요 구성 요소에 대한 코드는 다음과 같습니다.

으아악

이벤트 방법은 다음과 같이 정의됩니다.

으아악

도와주세요, 막혔어요.

코드는 다음과 같습니다:

Answer 1

코드에 두 가지 문제가 있습니다. 첫 번째는 @BoussadjraBrahim이 언급한 것으로, 오타(메서드 대신 mehtod)입니다. 두 번째 문제는 App.vue에서 FriendContact 구성 요소를 가져와서 comComponents 개체에 추가하지 않는다는 것입니다.

으아아아

고정된 예code