tahak

src/App.vue

@@ -2,14 +2,15 @@
   <div id="app">
     <h1>Snídaně</h1>
     <ul class="menu">
-      <li v-on:click="objednavka.push(item)" v-for="item in menu.items" :key="item">
-        <img :src="item.img" :alt="item.title">
-        <span>{{ item.title }}, {{ item.price }} Kč</span>
+      <!-- <li v-for="item in menu.items" :key="item"> načtení dat z menu -->
+      <li v-on:click="objednavka.push(item)" v-for="item in menu.items" :key="item"> <!-- v-on:click="objednavka.push(item) po kliknutí se do obědnávky přidá  -->
+        <img :src="item.img" :alt="item.title"> <!-- vypsní obrázků -->
+        <span>{{ item.title }}, {{ item.price }} Kč</span> <!-- vypsní dat price + title -->
       </li>
     </ul>
 
     <h2 v-if="objednavka.length > 0">Objednávka</h2>
-    <p v-else>
+    <p v-else>                                           <!-- když bude obědnávka větší než 0 vypíše se h2 jinak p  -->
       Vyberte kliknutím na obrázek z menu.
     </p>
 
@@ -18,9 +19,10 @@
     </p>
 
     <ul class="objednavka">
-      <li v-on:click="objednavka.splice(poradi, 1)" v-for="(item, poradi) in objednavka" :key="item">
-        <img :src="item.img" :alt="item.title">
-        <span>{{ item.title }}, {{ item.price }} Kč</span>
+      <!-- <li v-for="item in objednavka" :key="item"> načtení dat z obědnávky -->
+      <li v-on:click="objednavka.splice(poradi, 1)" v-for="(item, poradi) in objednavka" :key="item"> <!--  splice = mazání -->
+        <img :src="item.img" :alt="item.title"> <!-- vypsní obrázků -->
+        <span>{{ item.title }}, {{ item.price }} Kč</span> <!-- vypsní dat price + title -->
       </li>
     </ul>
 
@@ -28,17 +30,17 @@
 </template>
 
 <script>
-import menuData from "./assets/data.json";
+import menuData from "./assets/data.json"; /* insport json  */
 
 export default {
   data: function() {
     return {
-      menu: menuData,
+      menu: menuData, /* načtení dat z json */
       objednavka: []
     }
   },
   computed: {
-    celkem: function() {
+    celkem: function() { /* fce na počítání ceny */
       let suma = 0;
       for (let index = 0; index < this.objednavka.length; index++) {
         const e = this.objednavka[index];