IT-Trainer Jobs und Stellenangebote: Vue.js - Composition API

Seminardauer: 2 Tage

Trainer gesucht

IT-Trainer Jobs und Stellenangebote: Vue.js - Composition API, Framework, Softwareentwickler, Vue.js.

Anmelden / Registrieren als Trainer

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?

Nutzung der Composition API in Vue.js

  • Installation von Vue.js 3
  • Programmieren von Komponenten in der 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 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 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

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

Exkurs: Pinia als Alternatie zu Providers und Inject

  • Einführung in Pinia
  • Programmierung von Pinia Stores in der Options und Composition API
  • Verwendung von Pinia in skalierbaren und wartbaren Vue Anwendungen