Der Unterschied zwischen reaktiv und ref in vue3

1. Ähnlichkeiten:
Beide werden zur Definition responsiver Daten verwendet;
2. Unterschiede:

reaktiv:
(1) Seine Reaktionsfähigkeit ist tiefer und die unterste Ebene besteht darin, die eingehenden Daten in einen Proxy zu wickeln. (
2) Es wird empfohlen, komplexe Datentypen zu definieren. Parameter müssen Objekte oder Arrays sein. Wenn Sie reaktiv verwenden möchten, um einen bestimmten Wert reaktiv zu machen, müssen Sie ein Objekt {} in die äußere Ebene einschließen. Es ist mühsam, ein Element eines Objekts reaktionsfähig zu machen.
Sie müssen toRefs ref verwenden :
(1) Funktionsparameter können grundlegende Datentypen oder Objekttypen sein;
(2) Wenn es sich bei den Parametern um Objekttypen handelt, ist die zugrunde liegende Essenz immer noch reaktiv und das System konvertiert automatisch entsprechend dem Wert, den wir an ref übergeben; (3) Beim Zugriff in der Vorlage fügt das System automatisch .value hinzu; in js ist ein manueller .value erforderlich
;


Das Wesen von ref und reactive kann einfach so verstanden werden, dass ref die sekundäre Verpackung von reactive ist und auf die durch ref definierten Daten mit einem weiteren .value zugegriffen werden muss. Detaillierte Erläuterung der Verwendung und des Unterschieds zwischen ref und reactive in
Vue3

Guess you like

Origin blog.csdn.net/Selina_lxh/article/details/129534197