더북(TheBook)

v-for/src/App.vue

<script>
export default {
  data() {
    return {
      fruits: ['apple', 'banana', 'orange'],
    };
  },
}
</script>
<template>
  <h1>fruits 데이터의 반복 결과</h1>
  <ul>
    <li v-for="(fruit, index) in fruits" :key="index">
      인덱스: {{ index }}, 값: {{ fruit }}
    </li>
  </ul>
</template>
신간 소식 구독하기
뉴스레터에 가입하시고 이메일로 신간 소식을 받아 보세요.