From 3a0c6ca036be379c97dfe93bfd9ef1aa86245cee Mon Sep 17 00:00:00 2001
From: Henk Kraal <h.kraal@exonet.nl>
Date: Fri, 24 Aug 2018 08:57:20 +0200
Subject: [PATCH] Use keyed loop

Per https://vuejs.org/v2/style-guide/#Keyed-v-for-essential the loop should be keyed, I feel this should be reflected in the guide.
---
 src/v2/guide/index.md | 10 ++++++----
 1 file changed, 6 insertions(+), 4 deletions(-)

diff --git a/src/v2/guide/index.md b/src/v2/guide/index.md
index 38a212895d..3c4c827a5d 100644
--- a/src/v2/guide/index.md
+++ b/src/v2/guide/index.md
@@ -151,7 +151,9 @@ There are quite a few other directives, each with its own special functionality.
 ``` html
 <div id="app-4">
   <ol>
-    <li v-for="todo in todos">
+    <li v-for="todo in todos"
+      :key="todo.id"
+    >
       {{ todo.text }}
     </li>
   </ol>
@@ -162,9 +164,9 @@ var app4 = new Vue({
   el: '#app-4',
   data: {
     todos: [
-      { text: 'Learn JavaScript' },
-      { text: 'Learn Vue' },
-      { text: 'Build something awesome' }
+      { id: 1, text: 'Learn JavaScript' },
+      { id: 2, text: 'Learn Vue' },
+      { id: 3, text: 'Build something awesome' }
     ]
   }
 })