Vue-Ressourcen

Nun werden wir unser Studium von Vue mit einer Liste von Ressourcen abrunden, die Sie nutzen können, um Ihr Lernen zu vertiefen, zusätzlich zu einigen anderen nützlichen Tipps.

Voraussetzungen:

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

Vue-Komponenten werden als Kombination aus JavaScript-Objekten geschrieben, die die Daten der App verwalten, und einer auf HTML basierenden Templatesyntax, die der zugrunde liegenden DOM-Struktur zugeordnet ist. Für die Installation und zur Nutzung einiger der fortgeschritteneren Funktionen von Vue (wie Single File Components oder Renderfunktionen) benötigen Sie ein Terminal mit installiertem Node + npm.

Zielsetzung: Erfahren, 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 Dokumentationen, einschließlich Beispielen, Kochbüchern und Referenzmaterial. Dies ist der beste Ort, um Vue in der Tiefe 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 zu Vue zu erhalten.
  • Vue CLI Docs — Dokumentation für die Vue CLI. Dies enthält Informationen zur Anpassung und Erweiterung der Ausgaben, die Sie über die CLI generieren.
  • Nuxt — Nuxt ist ein Server-Side Vue Framework mit einigen architektonischen Überzeugungen, die nützlich sein können, um wartbare Anwendungen zu erstellen, selbst wenn Sie keine der bereitgestellten Server-Side-Rendering-Funktionen verwenden. Diese Seite bietet ausführliche 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.

Ihr Vue-App aufbauen und veröffentlichen

Die 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 Strg + C im Terminal drücken.

  • Führen Sie anschließend im Terminal npm run build (oder yarn build) aus.

Dadurch wird ein neues dist-Verzeichnis erstellt, das alle 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 zur Veröffentlichung Ihrer App auf vielen der gängigen Hosting-Plattformen.

Vue 2

Die Unterstützung 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 auf Eigenschaften basierenden 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. Es ist notwendig, explizit über "reaktive" Eigenschaften zu sein, wenn Sie diese API verwenden. Vue erledigt dies für Sie mit der Options API. Dies macht die neue API in der Regel als fortgeschrittener Anwendungsfall betrachtet.

Wenn Sie von Vue 2 aufrüsten, wird empfohlen, einen Blick auf den Vue 3 Migrationsleitfaden zu werfen.