목록v-for (1)

uxtry

vue: 목록 렌더링 (v-for)

Vue에서는 목록을 렌더링할 때는 v-for 디렉티브를 사용합니다. v-for는 배열 또는 객체의 데이터를 반복하여 여러 요소를 렌더링 할 때 유용합니다. 주로 , , 등의 요소에 사용됩니다. 기본사용법v-for는 아이템과 인덱스를 반복하며 렌더링할 수 있습니다. 배열반복배열 데이터와 각 아이템을 렌더링할 때는 다음과 같이 사용합니다. {{ index }}: {{ item }} ★ Vue SFC Playground 코드 실행 →여기서(item, index)는 각각 배열의 값과 인덱스를 나타냅니다.:key="index"는 각 요소에 고유 키를 할당하여  Vue가 효율적으로 DOM을 업데이트할 수 있도록 합니다. 객체 반복객체의 속성을 반복할 때도 v-for를 사용할 수 있습..
Vue.js 3 주요 문법 (vue:) 2024. 11. 17. 11:06
이전 Prev 1 Next 다음