Quiz: Eine leere Speisekarte
Die Speisekarte soll drei Getränke zeigen, aber die Einträge sind leer, in jedem steht nur ein €, und die Konsole meldet [Vue warn]: Invalid prop: type check failed for prop "eintrag". Expected Object, got String with value "eintrag". Sieh dir auch MenueEintrag.vue an und klicke dann in App.vue auf die Zeile mit dem Fehler.
1<script setup>
2import MenueEintrag from "./MenueEintrag.vue";
3
4const menue = [
5 { id: 1, name: "Espresso", preis: 2 },
6 { id: 2, name: "Cappuccino", preis: 3 },
7 { id: 3, name: "Grüner Tee", preis: 3 },
8];
9</script>
10
11<template>
12 <h1>Café am Eck</h1>
13 <ul class="menue">
14 <MenueEintrag v-for="eintrag in menue" :key="eintrag.id" eintrag="eintrag" />
15 </ul>
16</template>