Aus dem Kurs: Vue.js lernen

So erhalten Sie Zugriff auf diesen Kurs

Werden Sie noch heute Mitglied und erhalten Sie Zugriff auf mehr als 24.700 Kurse von Branchenfachleuten.

Solution: Single File Component erstellen

Solution: Single File Component erstellen

Aus dem Kurs: Vue.js lernen

Gratismonat starten Für Ihr Team erwerben

Solution: Single File Component erstellen

“

(Musik) In dieser Challenge ging es darum, eine dynamische Einkaufsliste zu erstellen, wo man Items ergänzen kann, und zwar als Single File Component. Und dafür können Sie die Options API oder die Composition API nutzen und austesten lässt sich das in der Installation von Vue, also innerhalb eines Vue-Projekts oder im Playground. Sehen wir uns das zuerst im Playground an mit der Options API. Wenn ich so eine Single File Component habe, dann habe ich einen Bereich für die Formatierung, das ist der style-Bereich, ich habe einen Bereich für mein template und ich habe einen Bereich für meinen JavaScript-Code. Im style-Bereich habe ich nur kleine Formatierungen, ich lasse die Labels als Block-Elemente darstellen. Kommen wir zum template-Bereich, darin steht mein Formular und außerdem werden die Items in einer Schleife ausgegeben. Im Formular definiere ich addItem und damit werden dann Items hinzugefügt und die Standard-Aktion wird unterbunden mit prevent. So, im script-Bereich sieht alles…

Inhalt