Vue:반복문: 두 판 사이의 차이

2022년 7월 4일 (월) 16:54 기준 최신판

태그 안에 v-for="이름 in 자료구조" :key="이름" 형태의 속성을 추가한다.


예시
<a v-for="이름 in 자료구조" :key="이름">{{ 이름 }}</a> <a v-for="(이름, 정수) in 자료구조" :key="정수">{{ 이름 }} {{ 정수 }}</a> 좌측 변수 작명은 2개가 가능한데, 오른쪽은 1씩 증가하는 정수가 된다. key는 반드시 필요한데, 보통 유니크한 데이터를 넣는다.

자료 외에 숫자를 넣을 수도 있다.

@@ 10번째 줄: / 10번째 줄: @@
 <a v-for="이름 in 자료구조" :key="이름">{{ 이름 }}</a>
 </syntaxhighlight><syntaxhighlight lang="html">
-<a v-for="(이름, 정수) in 자료구조" :key="정수">{{ 이름 }}</a>
+<a v-for="(이름, 정수) in 자료구조" :key="정수">{{ 이름 }} {{ 정수 }}</a>
 </syntaxhighlight>좌측 변수 작명은 2개가 가능한데, 오른쪽은 1씩 증가하는 정수가 된다.