Vue lernen

Kapitel 6. Externe Daten einbeziehen

Diese Arbeit wurde mithilfe von KI übersetzt. Wir freuen uns über dein Feedback und deine Kommentare: [e-mail]

Die vorherigen Kapitel haben dich auf die Grundlagen der Arbeit mit Komponenten vorbereitet, einschließlich der Übergabe von Daten zwischen Komponenten und der Handhabung von Datenänderungen und Ereignissen innerhalb von Komponenten. Du bist jetzt bereit, Vue-Komponenten zu verwenden, um die Daten deiner Anwendung einzubinden und sie deinen Nutzern auf dem Bildschirm zu präsentieren.

In den meisten Fällen hat eine Anwendung keine Daten innerhalb der Anwendung selbst zur Verfügung. Stattdessen fordern wir die Daten normalerweise von einem externen Server oder einer Datenbank an und füllen dann die entsprechende Benutzeroberfläche mit den empfangenen Daten für unsere Anwendung auf. In diesem Kapitel geht es um diesen Aspekt der Entwicklung einer robusten Vue-Anwendung: wie man externe Daten von einer externen Ressource mit Axios als HTTP-Anfragetool kommuniziert und verarbeitet.

Was ist Axios?

Für HTTP-Anfragen an externe Ressourcen stehen Vue-Entwicklern verschiedene Optionen zur Verfügung, darunter die integrierte Methode fetch, die klassische XMLHttpRequest und Bibliotheken von Drittanbietern wie Axios. Während die eingebaute fetch eine gute Option ist, um HTTP-Anfragen nur zum Abrufen von Daten zu stellen, bietet Axios auf lange Sicht zusätzliche Funktionalitäten, die bei der Arbeit mit komplexeren APIs von ...