Aus dem Kurs: Vue.js lernen

So erhalten Sie Zugriff auf diesen Kurs

Werden Sie noch heute Mitglied und erhalten Sie Zugriff auf mehr als 23.200 Kurse von Branchenfachleuten.

Live Cycle Hooks

Live Cycle Hooks

Wir haben bisher die Daten direkt immer in unserem Skript stehen gehabt, also, das sind die Daten, mit denen wir gearbeitet haben. Im echten Einsatz stehen die natürlich oft nicht im Skript, sondern man holt sie sich von einer anderen Quelle. Dafür können wir fetch() nutzen in JavaScript und als Beispieldateien können wir die Dateien von jsonplaceholder nutzen. Das ist genau für solche Zwecke gedacht. Jetzt stellt sich aber die Frage: Wann wollen wir denn diese Aktion des Datenholens stattfinden lassen? Und dafür gibt es die Lifecycle Hooks in Vue. Worum handelt es sich dabei? Eine Vue-Instanz durchlebt verschiedene Phasen, die sind an dieser Stelle hier aufgeführt, und bei jeder dieser Phasen können Sie eingreifen und eine Aktion durchführen. In unserem Fall wollen wir die Aktion bei Mounted durchführen, d.h., wenn die Instanz gemountet ist. Und das schauen wir uns nun mal an. Das ist das Beispiel. Wir haben unsere Tabelle, die sortierbar sein soll, und nun haben wir die Personen…

Inhalt