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.

Routes definieren

Routes definieren – Tutorial zu Vue.js

Aus dem Kurs: Vue.js Grundkurs

Routes definieren

Nun möchte ich die Routes definieren, und dafür brauche ich die zugehörigen Views und diese werde ich nun mal erstellen im viewsOrdner. Ich brauche zum einen eine Datei AboutView.vue und außerdem erstelle ich eine Datei NotFountView.vue und eine dritte Datei, die soll heißen Product.List.View.vue. Und in die Dateien schreibe ich ein bisschen was hinein, damit das zumindest so weit funktioniert. Also hier möchte ich eine h2 verwenden und ich schreibe "About View". Dasselbe mache ich mit NotFount – ein Moment, das muss ich korrigieren. Das soll ein "d" sein an dieser Stelle. So in NotFound.View schreibe ich "404 - nicht vorhanden". Und schließlich gibt es noch die dritte View. Und da schreibe ich auch den Namen rein: Produkt-Liste. Okay, damit haben wir drei vues. Jetzt können wir die Routes definieren dafür. Und das habe ich schon einmal vorbereitet. D.h., ich gebe immer den Pfad an, dann verwende ich einen Namen und dann gebe ich die Komponente an, die geladen werden soll…

Inhalt