Aus dem Kurs: Vue.js Grundkurs
Vorstellung des Projekts – Tutorial zu Vue.js
Aus dem Kurs: Vue.js Grundkurs
Vorstellung des Projekts
An einem Beispiel möchte ich Ihnen zeigen, wie Sie mit dem Vue Router arbeiten und Komponenten verwenden. Und bevor wir zum Code kommen und das Ganze einrichten, möchte ich Ihnen schon mal zeigen, was erstellt werden soll. Sie sehen, das ist eine einfache Webseite mit mehreren Produkten und es gibt oben eine Navigation, da kann ich zu weiteren Seiten gehen. Und wenn ich auf dieser Produktübersicht bin, kann ich auch auf Details gehen und dann erhalte ich eine Seite mit Details zu dem Projekt. Die ganze Seite ist außerdem gestaltet, d.h., sie ist auch außerdem responsiv, d.h., sie passt sich an die verschiedenen Viewports an, so dass sie eben auch bspw. auf einem mobilen Gerät funktionieren würde. Aber das, was uns hier hauptsächlich interessiert, ist, wie man so eine Seite aufbaut und Komponenten nutzt und eben auch die Navigation bewerkstelligt. Und das werden wir uns in den folgenden Filmen ansehen.
Inhalt
-
-
-
-
-
-
-
Vorstellung des Projekts1 Min. 9 Sek.
-
(Gesperrt)
Vorbereitung2 Min. 24 Sek.
-
(Gesperrt)
Routes definieren3 Min. 39 Sek.
-
(Gesperrt)
Navigationskomponente definieren4 Min. 38 Sek.
-
(Gesperrt)
Liste der Produkte anzeigen3 Min. 16 Sek.
-
(Gesperrt)
Einzelnes Produkt anzeigen3 Min. 52 Sek.
-
(Gesperrt)
Umgang mit CSS1 Min. 42 Sek.
-
(Gesperrt)
Challenge: Projekt erweitern33 Sek.
-
(Gesperrt)
Solution: Projekt erweitern2 Min. 14 Sek.
-