v-for 반복문 1. v-for 반복문 이번엔 v-for 반복문에 대해 배워봅시다. #1. 바로 실습으로 들어갑니다. App.vue에 들어가 다음과 같이 입력합니다. Home Products About // → 브라우저를 실행하면, 다음과 같이 나오게 됩니다. 이렇게 코드를 짜다보면, 반복적인 HTML 태그가 나옵니다. 그것을 간단하기 위해 v-for 반복문을 사용합니다. v-for 반복문은 다음과 같이 사용합니다. #2. 그러면 방금 코드를 다음과 같이 수정하여, a 태그를 이용할 수 있습니다. Home // // → 브라우저를 보면, Home 메뉴가 3개 생긴 것을 확인할 수 있습니다. #3. 이제 배열과 v-for 반복문을 사용해 다음과 같이 입력하여, 메뉴를 생성할 수 있습니다. {{ menu ..
