Vue3——Kapitel 5 (Responsive API: isRef, unref, toRef, toRefs und andere Toolfunktionen)


1. isRef()

  • Überprüft, ob ein Wert eine Referenz ist.
  • Beachten Sie, dass der Rückgabewert ein Typprädikat ist, was bedeutet, dass isRef als Typwächter verwendet werden kann
    Bildbeschreibung hier einfügen

Zwei, unref()

  • Gibt den internen Wert zurück, wenn das Argument eine Referenz ist, ansonsten das Argument selbst.
  • Dies ist ein syntaktischer Zucker für val = isRef(val) ? val.value : valcompute .
    Bildbeschreibung hier einfügen

3. zuRef()

  • Erstellen Sie basierend auf einer Eigenschaft des reaktiven Objekts eine entsprechende Referenz.
  • Eine so erstellte Referenz wird mit ihrer Quelleneigenschaft synchron gehalten: Wenn Sie den Wert der Quelleneigenschaft ändern, wird der Wert der Referenz aktualisiert und umgekehrt.
    Bildbeschreibung hier einfügen
  • Beachten Sie, dass dies anders ist als:
    Bildbeschreibung hier einfügen
  • toRef() Diese Funktion ist nützlich, wenn Sie die Referenz einer Requisite an eine zusammengesetzte Funktion übergeben möchten:
    Bildbeschreibung hier einfügen

4. zuRefs()

  • Konvertieren Sie ein reaktives Objekt in ein normales Objekt, jede Eigenschaft dieses normalen Objekts ist eine Referenz, die auf die entsprechende Eigenschaft des Quellobjekts zeigt.
  • Jede einzelne Referenz wird mit toRef() erstellt.
    Bildbeschreibung hier einfügen
  • toRefs ist nützlich, wenn reaktive Objekte von zusammengesetzten Funktionen zurückgegeben werden.
  • Damit können Verbraucherkomponenten das zurückgegebene Objekt destrukturieren/entpacken, ohne die Reaktionsfähigkeit zu verlieren:
    Bildbeschreibung hier einfügen

5. istProxy()

  • Überprüft, ob ein Objekt ein Proxy ist, der durch Reactive(), Readonly(), ShallowReactive() oder ShallowReadonly() erstellt wurde.
    Bildbeschreibung hier einfügen

6. isReactive()

  • Überprüft, ob ein Objekt ein Proxy war, der mit Reactive() oder ShallowReactive() erstellt wurde.
    Bildbeschreibung hier einfügen

7. isReadonly()

  • Überprüft, ob der übergebene Wert ein schreibgeschütztes Objekt ist. Eigenschaften von schreibgeschützten Objekten können geändert, aber nicht direkt vom übergebenen Objekt zugewiesen werden.
  • Proxys, die über readonly() und shallowReadonly() erstellt wurden, sind schreibgeschützt, da es sich um computed()-Referenzen ohne eine set-Funktion handelt.
    Bildbeschreibung hier einfügen

Supongo que te gusta

Origin blog.csdn.net/weixin_44733660/article/details/128629186
Recomendado
Clasificación