s3e41 looping objects

index.html

@@ -12,11 +12,24 @@
            ({{i+1}}) {{ ingredient }}
         </li>
       </ul>
-
+      <hr>
       <template v-for="(ingredient, index) in ingredients">
         <h1>{{ingredient}}</h1>
         <p>{{index}}</p>
       </template>
+      <hr>
+
+      <ul>
+
+        <li v-for="person in persons">
+            <div v-for="(value, key, index) in person">
+              {{key}}: {{value}} - {{index}}
+            </div>
+        </li>
+      </ul>
+
+
+
     </div>
     <script src="app.js" charset="utf-8"></script>
   </body>