3. Vue js - v-for 반복문 - 리스트 렌더링
ㅁ v-for는 반복적인 HTML 요소에 사용함 ㅇ 기존 HTML 태그 - 하드코딩 적용 짜장면 짬뽕 우동 울면 기스면 ㅇ 현재 HTML 태그 - v-for 반복문 적용 {{반복문이름}} export default { name: 'App', data() { return { 메뉴들 : ['짜장면', '짱뽕', '우동', '울면', '기스면'], // v-for(반복문) 배열 데이터 저장 } }, components: { } } ㅁ 반복문 이름 2개 사용 {{반복문이름}} 현재 이 반복문 이름을의 고유키를 붙여서 사용함 *중요 : 반복문고유key는 숫자만큼 반복함 0,1,2,3,4,5,6,7,8 ++ ㅁ v-for 적용 메뉴 예시 ㅇ 기존 HTML 하드코딩 메뉴 기존 HTML 하드코딩 수박 1만원 딸기 2만..
2021. 4. 27.