Aus dem Kurs: Vue.js Grundkurs

So erhalten Sie Zugriff auf diesen Kurs

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

Solution: Projekt erweitern

Solution: Projekt erweitern – Tutorial zu Vue.js

Aus dem Kurs: Vue.js Grundkurs

Gratismonat starten Für Ihr Team erwerben

Solution: Projekt erweitern

“

Konnten Sie das Projekt erweitern? Man muss immer an sehr vielen Stellen etwas ergänzen und sich da konzentrieren, dass man nichts vergisst. Schauen wir uns aber erst einmal noch an, worum es eigentlich geht. Es geht darum, eine weitere View zu erstellen für Kontaktinformationen. Außerdem wäre es sinnvoll, AboutView mit weiteren Inhalten zu befüllen. Und es sollte eine Footer-Komponente erstellt werden, die auf allen Seiten angezeigt wird. So kann das Ganze dann aussehen: Wir haben einen Punkt "Kontakt", "Über uns". Hier bin ich wieder auf der Startseite und es gibt immer diesen Footer hier unten. Egal wo ich bin, wird der immer angezeigt. Beginnen wir mit der Kontaktseite. Dafür habe ich innerhalb von Views eine neue Datei angelegt mit dem Namen "ContactView" und hier habe ich ein bisschen Inhalt ergänzt, in diesem Fall ist es nur HTML-Code. Damit man das Ganze benutzen kann, brauche ich natürlich unbedingt die entsprechende Definition in "index.js" im Router-Ordner und da ergänze…

Inhalt