Erste Schritte mit Vue.js

Fortgeschrittene Anfänger
Entwickler
Kursteilnehmer
Azure Static Web Apps

Vue.js ist ein progressives Webframework, das von Entwicklern durch Hinzufügen eines script-Tags schnell eingerichtet werden kann. Vue.js ist jedoch flexibel und kann auch für die Entwicklung großer, skalierbarer Anwendungen verwendet werden.

Dieser Lernpfad umfasst Folgendes:

  • Kernkonzepte von Vue.js
  • Übungen zum Anzeigen von Listen und bedingten Daten
  • Arbeiten mit Formularen und Ereignissen
  • Erstellen von Komponenten mit der Vue-CLI

Voraussetzungen

HTML/CSS, Git, npm und JavaScript

Module in diesem Lernpfad

Vue.js ist ein progressives Web-Framework, das Entwicklern einen schnellen Start über das Hinzufügen eines Script-Tags ermöglicht. Vue.js kann jedoch auch zusammen mit Ihnen wachsen. Sie können damit selbst große skalierbare Anwendungen erstellen. In diesem Modul sehen wir uns die grundlegenden Konzepte von Vue.js und die ersten Schritte dazu an.

Eines der Ziele von Webframeworks besteht darin, die Anzeige auf der Grundlage von Datenwerten zu aktualisieren. In diesem Modul lernen Sie, wie Sie eine Seite basierend auf diesen Werten dynamisch gestalten und wie Sie Listen mit Informationen anzeigen.

Dynamische Webanwendungen ermöglichen Benutzern für Gewöhnlich die Interaktion mit der Seite und den Daten. In diesem Modul erfahren Sie, wie Sie einer Vue.js-Seite Formulare hinzufügen und auf Benutzerereignisse reagieren. Darüber hinaus erfahren Sie, wie Sie berechnete Werte hinzufügen, die auf der Grundlage von Aktualisierungen der Daten berechnet werden können.

Obwohl es möglich ist, Vue.js Anwendungen mit reinem JavaScript zu erstellen, benötigen die meisten Entwickler mehr Leistung und Flexibilität. Mithilfe von Vue CLI und Einzeldatei-Komponenten können Sie auf robustere Tools setzen, um Ihre Entwicklungserfahrung zu verbessern. Wir werden uns ansehen, wie Sie mit Vue CLI eine Anwendung bootstrappen und wie Sie wiederverwendbare Komponenten in Vue erstellen.