Quiz: Der fehlende Button
Die Karte soll unten, in ihrem Footer, den Button Hinzufügen haben. Aber die Karte zeigt nur die Überschrift und den Preis, und in der Konsole steht kein Fehler. Klicke in App.vue auf die Zeile mit dem Fehler.
1<script setup>
2import { ref } from "vue";
3import MenueKarte from "./MenueKarte.vue";
4
5const bestellt = ref(0);
6
7function zurBestellungHinzufuegen() {
8 bestellt.value++;
9}
10</script>
11
12<template>
13 <p>Artikel in deiner Bestellung: {{ bestellt }}</p>
14 <MenueKarte>
15 <template #kopf>
16 <h2>Karottenkuchen</h2>
17 </template>
18 <p>4 €</p>
19 <template name="fuss">
20 <button @click="zurBestellungHinzufuegen">Hinzufügen</button>
21 </template>
22 </MenueKarte>
23</template>