Detaillierte Erläuterung des Überwachungsmethodenfalls von Vue

Überwachungsmethode in Vue

betrachten

Beachten

Name: Sie sollten dem Attribut, das Sie überwachen möchten, denselben Namen geben.

1. Funktion

Wird verwendet, um Datenänderungen in der Vue-Instanz zu überwachen und Statusänderungen jederzeit zu ändern.

2. Auslösebedingungen

Wenn sich die von Ihnen überwachte Eigenschaft ändert, wird die entsprechende Überwachungsmethode automatisch aufgerufen

3. Anwendungsszenarien

Wird für asynchrone Verarbeitung und relativ teure Operationen verwendet

4. Beispiele

	 betrachten:{
             Name(neuerWert,alterWert){
                  //Berechnete Eigenschaften können zwei Parameter akzeptieren, der erste Parameter ist der neue Eigenschaftswert, der zweite Parameter ist der alte Eigenschaftswert // this.age
                    // console.log('Name-Eigenschaft hat sich geändert')
                    console.log(neuerWert,alterWert)
                }

5. Bei der Überwachung eines Objekts

<Skript>
Standard exportieren {
    Daten() {
        zurückkehren {
            Objekt: {
                Name: "Zhang San",
                Alter: 20,
                Kinder: [
                    {
                        Name: "Li Si",
                        Alter: 27
                    },
                    {
                        Name: "Wang Wu",
                        Alter: 23
                    }
                ]
            }
        };
    },
    betrachten:
        Objekt: {
            Handler: Funktion (neuer Wert, alter Wert) {
                console.log("neuerWert:", neuerWert);
                console.log("alterWert:", alterWert);
            },
            tief: wahr,
            sofort: wahr
        },
        "obj.name": Funktion(neuerWert, alterWert) {
            
            console.log("newVal obj.name:", newVal);
            console.log("oldVal obj.name:", oldVal);
        }
    },
};
</Skript>

Wenn Sie ein Objekt überwachen, müssen Sie „deep:true“ hinzufügen, damit Sie es in Echtzeit auf der untersten Ebene überwachen können. Wenn Sie es nicht hinzufügen, kann das Objekt keine Änderungen überwachen.

unmittelbares Attribut: Boolescher Wert
immediate: true: Datenänderungen beim ersten Laden überwachen
unmittelbar: falsch: nur hören, wenn Änderungen auftreten

tief:wahr;

Es aktiviert das Deep Listening, d. h., allen Attributen werden Listener hinzugefügt und die Handler-Funktion wird ausgeführt, wenn sich eines davon ändert.

Dies ist das Ende dieses Artikels über den detaillierten Fall der Überwachungsmethode von Vue. Weitere relevante Inhalte zur Überwachungsmethode von Vue finden Sie in den vorherigen Artikeln von 123WORDPRESS.COM oder in den folgenden verwandten Artikeln. Ich hoffe, dass jeder 123WORDPRESS.COM in Zukunft unterstützen wird!