반응형
v-for
v-for 디렉티브를 사용하여 배열인 목록을 렌더링 할 수 있습니다.
v-for="item in items" 문법을 사용해서 배열에서 항목을 순차적으로 할당합니다
v-for="(item, index) in items" 문법을 사용해서 배열 인덱스를 가져올 수 있습니다
항목을 나열할 때 각 :key 속성에는 고유한 값을 지정해야 합니다
v-for 객체
v-for를 사용하여 객체의 속성을 반복 할 수도 있습니다
반응형
'vue.js > Vue3 - 기본편' 카테고리의 다른 글
13. 이벤트 처리 | 이벤트 수식어 | 키 수식어 (0) | 2024.01.27 |
---|---|
12. 디렉티브 (v-text, v-cloak, v-once, v-memo) | 디렉티브 구성 (0) | 2024.01.21 |
10. 조건부 렌더링 (v-if, v-else, v-else-if, v-show, v-if 와 v-for) (0) | 2024.01.21 |
9. class와 style 바인딩 (0) | 2024.01.21 |
8. computed (0) | 2024.01.21 |