javascript - 사용자 정의 하위 구성 요소가 상위 구성 요소 데이터를 수신하고 v-for를 사용하여 여러 하위 구성 요소를 렌더링하는 방법

Question

먼저 코드를 받으세요

이제 하위 구성 요소에 4개의 객체가 전달되었습니다. v-for를 사용하여 4개의 하위 구성 요소를 렌더링하는 방법 v-for를 상위 구성 요소의 템플릿에 배치해야 할까요, 아니면 하위 구성 요소에 배치해야 할까요?

Answer 1

부모 컴포넌트에서 자식 컴포넌트를 직접 v-for 렌더링하면 (슬롯에 관계없이) 객체 배열에 데이터를 표시할 수 없기 때문에 자식 컴포넌트에 배치해야 합니다