그림 3-19 실행결과

객체가 할당된 데이터 속성의 값도 v-for 디렉티브로 반복할 수 있습니다. 객체를 반복할 때 형식은 다음과 같습니다. 객체는 기본적으로 키(key)와 값(value)으로 구성된 속성(property)의 집합입니다. 그래서 배열과 다르게 in 키워드 왼쪽에 키, 값, 인덱스를 구분해서 받아올 수 있습니다.

v-for="값 in 객체" key="고유값"
v-for="(값, 키) in 객체" key="고유값"
v-for="(값, 키, 인덱스) in 객체" key="고유값"