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.

Navigation erweitern

Navigation erweitern – Tutorial zu Vue.js

Aus dem Kurs: Vue.js Grundkurs

Gratismonat starten Für Ihr Team erwerben

Navigation erweitern

“

Derzeit gibt es zwei Links in der Anwendung, einen Link auf Home und einen Link auf About. Was muss man tun, um nun einen weiteren Link zu ergänzen? Schauen wir uns mal den Code an. Sie können gerne auch das Video kurz pausieren und selbst überlegen, an welchen Stellen man etwas machen muss, um diesen Link zu ergänzen. So, also was brauchen wir? Wir wollen erst einmal den Link ergänzen. Die Links selber stehen ja in App.vue und da gibt es derzeit zwei Verlinkungen. D.h., wir können einen weiteren ergänzen und machen den einmal auf die Kontaktseite und schreiben den Text auch. Damit das Ganze funktionieren kann, müssen wir jetzt noch in index.js in dem router-Verzeichnis ergänzen, dass wir diesen Pfad haben wollen. Ich kopiere mir einmal, was es dazu schon für home gibt, und sage jetzt bei contact. Ich vergebe außerdem einen Namen und ich benenne die Komponente als ContactView. Das ist übrigens eine Konvention, dass man die Dateien ContactView oder AboutView oder HomeView nennt. Also…

Inhalt