[Vue] 뷰에서 for 문 쓰기

 

 

 

<div class="menu">
    <!-- key: 반복문 돌린 요소를 컴퓨터가 구분하기 위해 씀 -->
    <a v-for="(a,i) in 데이터들" :key="i" >{{ a }}</a>
</div>

<script>
    export default {
    name: 'App',
    data(){
        return{
        데이터들: ['a', 'b', 'c'],
        }
    },
    methods : {
    },
    components: {
    }
    }
</script>
<style>
.menu{
  background: darkslateblue;
  padding: 15px;
  border-radius: 5px;
}
.menu a{
  color: white;
  padding: 10px;
}
</style>