vue v-for (1) 썸네일형 리스트형 Vuejs 2 . v-for 리스트 렌더링 1. v-for v-for는 반복해야할때 사용합니다. 아래의 예제는 v-for를 사용하여 반복한 예제입니다. 데이터에 people이라는 배열을 만들어 값을 넣어주었습니다. 이것을 {{ people[0].name }} {{ people[0].age }}를 사용하여 웹브라우저에 출력해주었습니다. 하지만 이렇게하면 데이터가 추가될 때 마다 계속 입력을 해줘야하는 번거로움이 있습니다. 그래서 이것을 v-for를 사용하여 반복문을 만들어주면 데이터가 추가되어도 알아서 출력해냅니다. person은 오브젝트이고 people은 데이터에 있는 배열을 의미합니다. in 대신에 of를 넣어도 상관없습니다. 만약 인덱스(순번정도의 의미)가 필요하다면 아래처럼 작성할 수도 있습니다. 2. key Vue에서 개별 DOM 노드들을.. 이전 1 다음
