Vue.js - Composition API

Ziele

In dieser 3-tägigen Schulung "Vue.js - Composition API" lernen Sie ein tiefes Verständnis der Composition API in Vue.js. Das Hauptziel besteht darin, die Vorteile und Unterschiede zwischen der Composition API und der Options API zu verstehen und die Composition API zur Erstellung von komplexen, wiederverwendbaren und leicht testbaren Vue-Komponenten und -Anwendungen zu nutzen. Die Schulung deckt die wichtigsten Konzepte und Funktionen der Composition API ab und führt Sie schrittweise durch die Entwicklung von Anwendungen mit dieser API. Am Ende der Schulung sind Sie in der Lage, die Composition API souverän einzusetzen, um leistungsstarke Vue-Komponenten und -Anwendungen zu erstellen, die den aktuellen Best Practices entsprechen.

Zielgruppe

Web-Entwickler

Voraussetzungen

Für eine optimale Teilnahme am Kurs empfehlen wir folgende Vorkenntnisse:

• Solide Vue.js Kenntnisse

Agenda

Einführung in die Composition API in Vue.js

• Was ist die Composition API?
• Warum wurde die Composition API entwickelt?
• Wie funktioniert die Composition API im Vergleich zur Options API?

Einrichten der Composition API in Vue.js

• Installation von Vue.js 3
• Konfiguration der Composition API in Vue.js 3
• Einrichten einer Entwicklungsumgebung für die Composition API

Verwendung von Setup in Vue-Komponenten

• Einführung in das Setup in Vue-Komponenten
• Unterschiede zwischen Data, Methods und Computed in der Options API und in der Composition API
• Verwendung von Reactive-Properties in der Composition API

Verwendung von Refs und Reactive-Properties in der Composition API

• Einführung in Refs und Reactive-Properties
• Unterschiede zwischen Refs und Reactive-Properties
• Verwendung von Refs und Reactive-Properties in Vue-Komponenten

Verwendung von Computed-Properties in der Composition API

• Einführung in Computed-Properties in der Composition API
• Unterschiede zwischen Computed-Properties in der Options API und in der Composition API
• Verwendung von Computed-Properties in Vue-Komponenten

Verwendung von Watchern in der Composition API

• Einführung in Watcher in der Composition API
• Unterschiede zwischen Watchern in der Options API und in der Composition API
• Verwendung von Watchern in Vue-Komponenten

Verwendung von Lifecycle-Hooks in der Composition API

• Einführung in Lifecycle-Hooks in der Composition API
• Unterschiede zwischen Lifecycle-Hooks in der Options API und in der Composition API
• Verwendung von Lifecycle-Hooks in Vue-Komponenten

Verwendung von Custom Hooks in der Composition API

• Einführung in Custom Hooks in der Composition API
• Erstellung von Custom Hooks für die Wiederverwendung von Logik
• Verwendung von Custom Hooks in Vue-Komponenten

Verwendung von Providers und Inject in der Composition API

• Einführung in Providers und Inject in der Composition API
• Unterschiede zwischen Providers und Inject in der Options API und in der Composition API
• Verwendung von Providers und Inject in Vue-Komponenten

Verwendung von Reactive-Mutationen in der Composition API

• Einführung in Reactive-Mutationen in der Composition API
• Verwendung von Reactive-Mutationen in Vue-Komponenten
• Unterschiede zwischen Reactive-Mutationen in der Options API und in der Composition API

Verwendung von Setup-Context in der Composition API

• Einführung in das Setup-Context in der Composition API
• Verwendung des Setup-Contexts für den Zugriff auf Routen, Store und weitere Funktionen
• Verwendung von Setup

Open Badge - Ihr digitaler Kompetenznachweis

Durch die erfolgreiche Teilnahme an einem Kurs bei IT-Schulungen.com erlangen Sie nicht nur Fachkenntnisse und Fähigkeiten, sondern bekommen zusätzlich zu Ihrem Teilnahmezertifikat ein Open Badge als digitalen Nachweis Ihrer Kompetenz.

Sie können diesen in Ihrem persönlichen und kostenfreien Mein IT-Schulungen.com Konto abrufen. Ihre verdienten Badges lassen sich problemlos in sozialen Netzwerken integrieren und weitergeben.

Mehr zu den Vorteilen von Badges

Kurz vor Durchführung