Aus dem Kurs: Vue.js Grundkurs

So erhalten Sie Zugriff auf diesen Kurs

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

Reaktive Daten

Reaktive Daten – Tutorial zu Vue.js

Aus dem Kurs: Vue.js Grundkurs

Gratismonat starten Für Ihr Team erwerben

Reaktive Daten

“

Wenn Sie innerhalb der Composition API definieren wollen, dass Daten reaktiv sein sollen, dann können Sie dafür die ref- oder die reactive-Funktion nutzen. Schauen wir uns an, wie die funktionieren. Wenn Sie ref() verwenden, ref() gibt ein reaktives Objekt mit einer value-Eigenschaft zurück. Und im JavaScript-Code müssen Sie eben über die Eigenschaft value auf diesen Wert dann zugreifen, wenn Sie den auslesen oder ändern wollen. Im Template hingegen brauchen Sie value nicht anzugeben, weil diese Umwandlung Vue für Sie automatisch durchführt. Neben ref() ist aber auch reactive() möglich. Was ist der Unterschied zwischen beiden? ref() können Sie bei einfachen Typen und Objekten nutzen, reactive() hingegen ist nur möglich für Objekte, d.h. Arrays oder Collections, es ist nicht möglich bei einfachen Typen. Der Vorteil von reactive() ist, dass Sie value nicht brauchen, hingegen bei ref() müssen Sie, wie eben schon gesagt, immer value verwenden im script-Bereich. Weil wir ref() für einfache…

Inhalt