Vue-Ressourcen
Hinweis: Die MDN Vue-Artikel werden nicht mehr gepflegt und in 3 Monaten (bis zum 20. August 2026) von der Website entfernt. Der Inhalt wird im MDN Museum archiviert. Weitere Informationen finden Sie in dieser Diskussion.
Nun wollen wir unser Studium von Vue abschließen, indem wir Ihnen eine Liste von Ressourcen geben, die Sie nutzen können, um Ihr Lernen weiterzuführen, sowie einige andere nützliche Tipps.
| Voraussetzungen: |
Vertrautheit mit den Kernsprachen HTML, CSS und JavaScript, sowie Kenntnisse über die Terminal-/Befehlszeile. Vue-Komponenten werden als eine Kombination von JavaScript-Objekten geschrieben, die die Daten der App verwalten, und einer HTML-basierten Vorlagensyntax, die auf die zugrunde liegende DOM-Struktur abbildet. Für die Installation und um einige der fortgeschritteneren Funktionen von Vue zu nutzen (wie Single File Components oder Renderfunktionen), benötigen Sie ein Terminal mit installiertem Node + npm. |
|---|---|
| Ziel: | Erfahren, wo man weitere Informationen zu Vue finden kann, um das Lernen fortzusetzen. |
Weitere Ressourcen
Hier sollten Sie hin, um mehr über Vue zu lernen:
- Vue-Dokumentation — Die Hauptseite von Vue. Beinhaltet umfassende Dokumentation, einschließlich Beispielen, Kochbüchern und Referenzmaterial. Dies ist der beste Ort, um Vue vertieft zu lernen.
- Vue GitHub-Repository — Der eigentliche Vue-Code. Hier können Sie Probleme melden und/oder direkt zum Vue-Code beitragen. Das Studium des Vue-Quellcodes kann Ihnen helfen, das Framework besser zu verstehen und besseren Code zu schreiben.
- Vue-Diskussionen — Das offizielle Forum, um Hilfe mit Vue zu erhalten.
- Vue CLI-Dokumentation — Dokumentation für das Vue CLI. Diese enthält Informationen zum Anpassen und Erweitern der von Ihnen über das CLI erzeugten Ausgabe.
- Nuxt — Nuxt ist ein serverseitiges Vue-Framework, mit einigen architektonischen Überzeugungen, die nützlich sein können, um wartbare Anwendungen zu erstellen, selbst wenn Sie keine der serverseitigen Rendering-Funktionen nutzen, die es bietet. Diese Seite bietet detaillierte Dokumentation zur Nutzung von Nuxt.
- Vue Mastery — Eine kostenpflichtige Bildungsplattform, die sich auf Vue spezialisiert hat, einschließlich einiger kostenloser Lektionen.
- Vue School — Eine weitere kostenpflichtige Bildungsplattform, die sich auf Vue spezialisiert hat.
Erstellen und Veröffentlichen Ihrer Vue-App
Das Vue CLI bietet uns auch Werkzeuge, um unsere App für die Veröffentlichung im Web vorzubereiten. Sie können dies folgendermaßen tun:
-
Wenn Ihr lokaler Server noch läuft, beenden Sie ihn, indem Sie im Terminal Strg + C drücken.
-
Führen Sie anschließend
npm run build(oderyarn build) in der Konsole aus.
Dadurch wird ein neues dist-Verzeichnis erstellt, das alle Ihre produktionsbereiten Dateien enthält. Um Ihre Website im Web zu veröffentlichen, kopieren Sie den Inhalt dieses Ordners in Ihre Hosting-Umgebung.
Hinweis: Die Vue CLI-Dokumentation enthält auch einen spezifischen Leitfaden zum Veröffentlichen Ihrer App auf vielen der gängigen Hosting-Plattformen.
Vue 2
Der Support für Vue 2 endet am 31. Dezember 2023 und die Standard-Vue-Version für alle CLI-Tools wird Version 3 und höher sein.
Die Composition API funktioniert als Alternative zur eigenschaftsbasierten API, bei der eine setup()-Funktion auf der Komponente verwendet wird. Nur was Sie von dieser Funktion zurückgeben, ist in Ihren <template>s verfügbar. Sie müssen explizit über "reaktive" Eigenschaften sein, wenn Sie diese API verwenden. Vue übernimmt dies für Sie unter Verwendung der Options API. Dies macht die neue API typischerweise als fortgeschrittenen Anwendungsfall betrachtet.
Wenn Sie von Vue 2 upgraden, wird empfohlen, dass Sie einen Blick auf den Vue 3 Migrationsleitfaden werfen.