<Home />
=> <div>홈입니다.</div>
<List :props="props" :indexNum="index" v-for="(item, index) in data" :key="index" />
=> <div>
{{ props[indexNum].title }}
{{ props[indexNum].content}}
<div>
* data의 길이는 3 *
위 컴포넌트를 아래와 같이 라우터로 변경할때
<router-view :props="props" :indexNum="i" v-for="(item, index) in data" :key="index"></router-view>
홈입니다. 라는 <div>가 반복문 때문에 세개 생성 되더라구요.
라우터로 변환하는 컴포넌트 중에 반복문을 사용한 컴포넌트와 사용하지 않은 컴포넌트를
어떻게 분류해서 보여줄 수 있을까요?