Vue 반복문 v-for

<script>

export default {
  name: 'App',
  data(){
    return {
      products: ['역삼동원룸','천호동원룸','마포구원룸'],
      메뉴들 : ['Home','Shop', 'About'],
    }
  },
  components: {
    
  }
}
</script>

...

  <div class="menu">
    <a v-for="작명 in 메뉴들" :key="작명" >{{작명}}</a>
  </div>

:key를 안쓰면 오류가 남.

- 반복문 요소를 컴퓨터가 구분하기 위해 사용 됌

  <div class="menu">
    <a v-for="(a,i) in 메뉴들" :key="i" >{{a}}</a>
  </div>

 

a는 '메뉴들' 값의 메뉴이고 i는 하나씩 증가하는 값