vue.js/Vue3 - 기본편

11. 목록 렌더링 (v-for)

DEV-Front 2024. 1. 21. 23:34
반응형

v-for

 

v-for 디렉티브를 사용하여 배열인 목록을 렌더링 할 수 있습니다.

 

v-for="item in items" 문법을 사용해서 배열에서 항목을 순차적으로 할당합니다

v-for="(item, index) in items" 문법을 사용해서 배열 인덱스를 가져올 수 있습니다

항목을 나열할 때 각 :key 속성에는 고유한 값을 지정해야 합니다


v-for 객체

 

v-for를 사용하여 객체의 속성을 반복 할 수도 있습니다

반응형