Vue-Ressourcen

Nun werden wir unser Studium von Vue abschließen, indem wir Ihnen eine Liste von Ressourcen zur Verfügung stellen, die Sie für Ihr weiteres Lernen nutzen können, sowie einige andere nützliche Tipps.

Voraussetzungen:

Vertrautheit mit den Kernsprachen HTML, CSS und JavaScript, sowie Kenntnisse über das Terminal/Kommandozeile.

Vue-Komponenten werden als eine Kombination von JavaScript-Objekten geschrieben, die die Daten der App verwalten, und einer HTML-basierten Vorlagensyntax, die der zugrunde liegenden DOM-Struktur entspricht. 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: Zu lernen, wo Sie weitere Informationen zu Vue finden können, um Ihr Lernen fortzusetzen.

Weitere Ressourcen

Hier sollten Sie hingehen, um mehr über Vue zu lernen:

  • Vue Docs — Die Hauptseite von Vue. Enthält umfassende Dokumentation, einschließlich Beispielen, Kochbüchern und Referenzmaterial. Dies ist der beste Ort, um Vue gründlich zu lernen.
  • Vue GitHub Repo — Der Vue-Code selbst. 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 Discussions — Das offizielle Forum, um Hilfe mit Vue zu erhalten.
  • Vue CLI Docs — Dokumentation für das Vue CLI. Diese enthält Informationen zum Anpassen und Erweitern der Ausgabe, die Sie über das CLI generieren.
  • Nuxt — Nuxt ist ein serverseitiges Vue-Framework mit einigen architektonischen Meinungen, die nützlich sein können, um wartbare Anwendungen zu erstellen, selbst wenn Sie keine der von ihm bereitgestellten Server Side Rendering-Funktionen nutzen. Diese Seite bietet detaillierte Dokumentation zur Verwendung 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 zur Vorbereitung unserer App für die Veröffentlichung im Web. Sie können dies folgendermaßen tun:

  • Wenn Ihr lokaler Server noch läuft, beenden Sie ihn, indem Sie Strg + C im Terminal drücken.

  • Führen Sie anschließend npm run build (oder yarn build) in der Konsole aus.

Dies wird ein neues dist-Verzeichnis erstellen, 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 Standardversion von Vue 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 in der Komponente verwendet wird. Nur was Sie aus dieser Funktion zurückgeben, ist in Ihren <template>s verfügbar. Sie müssen explizit "reaktive" Eigenschaften bei der Verwendung dieser API angeben. Vue übernimmt dies für Sie mit der Options API. Dies macht die neue API typischerweise als fortgeschritteneren Anwendungsfall angesehen.

Wenn Sie von Vue 2 upgraden, wird empfohlen, dass Sie sich den Vue 3 Migrations-Leitfaden ansehen.