목록directive (1)

ksundev 님의 블로그

v-for 디렉티브 사용하기

1. v-for 디렉티브란?Vue에서 v-for 디렉티브는 배열이나 객체의 각 항목을 반복하여 렌더링할 때 사용합니다. JavaScript의 for...in 루프와 유사한 기능을 제공합니다.2. 기본 구현 예제HTML 구조 {{ item }} JavaScript 구현Vue.createApp({ data() { return { items: ['item1', 'item2', 'item3'] } }}).mount('#app');3. 핵심 개념 설명1. v-for 문법v-for="item in items": items 배열의 각 항목을 item으로 접근item은 반복되는 각 요소의 값입니다.2. ..
[개발] Vue.js/기본 2025. 6. 18. 13:18
이전 Prev 1 Next 다음