diff --git a/examples/shopping-cart/components/ProductList.vue b/examples/shopping-cart/components/ProductList.vue
index 551d7b6bf..a6d5fca57 100644
--- a/examples/shopping-cart/components/ProductList.vue
+++ b/examples/shopping-cart/components/ProductList.vue
@@ -1,6 +1,8 @@
 <template>
   <ul>
-    <li v-for="product in products">
+    <li
+      v-for="product in products"
+      :key="product.id">
       {{ product.title }} - {{ product.price | currency }}
       <br>
       <button
diff --git a/examples/shopping-cart/components/ShoppingCart.vue b/examples/shopping-cart/components/ShoppingCart.vue
index 88b98a07b..b0f3b36f2 100644
--- a/examples/shopping-cart/components/ShoppingCart.vue
+++ b/examples/shopping-cart/components/ShoppingCart.vue
@@ -3,7 +3,9 @@
     <h2>Your Cart</h2>
     <p v-show="!products.length"><i>Please add some products to cart.</i></p>
     <ul>
-      <li v-for="product in products">
+      <li
+        v-for="product in products"
+        :key="product.id">
         {{ product.title }} - {{ product.price | currency }} x {{ product.quantity }}
       </li>
     </ul>