s3e43 keeping track of elements when using v-for

2018-04-13 23:13:40 -04:00 · 2018-04-13 23:13:40 -04:00 · 1f9047ff09
commit 1f9047ff09
parent a333938377
1 changed files with 3 additions and 1 deletions
--- a/index.html
+++ b/index.html
@ -8,10 +8,12 @@
  <body>
    <div id='app'>
      <ul>
-        <li v-for="(ingredient, i) in ingredients">
+        <li v-for="(ingredient, i) in ingredients" :key="ingredient">
           ({{i+1}}) {{ ingredient }}
        </li>
      </ul>
+      <button @click="ingredients.push('spices')"> Add New</button>
+
      <hr>
      <template v-for="(ingredient, index) in ingredients">
        <h1>{{ingredient}}</h1>