Zusammenfassung der Vue Watch-Überwachungsmethoden

In vue wird watch verwendet, um auf Datenänderungen zu reagieren. Es gibt ungefähr drei Möglichkeiten, watch zu verwenden.

1. Die Rolle der Uhr in Vue ist genau wie der Name schon sagt, nämlich die Rolle der Überwachung

Beispielsweise gibt es ein Objekt:

Uhrdaten: {
    Name: '',
    Alter: '',
}

2. Überwachen Sie die Eigenschaften dieses Objekts

Uhrdaten: {
    Handler: Funktion() {
        konsole.log();
    },
    tief: wahr
}

Das Überwachungsobjekt kann mit deep überwacht werden, da sonst die Änderungen am Objekt nicht erkannt werden können

3. Überwachen Sie die Eigenschaften dieses Objekts

Methode 1:

betrachten:
 'watchData.name'(neuerWert, alterWert) {
     console.log(neuerWert);
 }
}

Methode 2:

betrachten:
    'watchData.name': {
        Handler: Funktion() {
            konsole.log();
        }
    }
},

Warum müssen wir die Eigenschaften eines Objekts überwachen? Wenn wir ein Objekt überwachen, führen alle Daten innerhalb des Objekts dazu, dass watch erneut ausgeführt wird. Dies ist möglicherweise nicht das, was Sie möchten, d. h. eine bestimmte Eigenschaftsänderung zu überwachen, bevor watch ausgeführt wird, oder eine Eigenschaftsänderung innerhalb des Objekts zu überwachen, bevor watch ausgeführt wird, was ebenfalls zu einem gewissen Leistungsverlust führt. Daher verwenden wir diese Methode zur Überwachung einer einzelnen Eigenschaft des Objekts, um damit umzugehen, und setzen „Objekt.zu überwachende Eigenschaft in Anführungszeichen“.

4. Überwachen Sie die Eigenschaften dieses Objekts

berechnet: {
    getName() {
        gib this.watchData.name zurück 
    }
},
betrachten:
    getName(neuerWert, alterWert) {
        console.log(neuerWert);
    }
},

Diese Methode ist eigentlich dieselbe wie die zweite. Der Unterschied besteht darin, dass computed verwendet wird und dann die getName Methode abgehört wird. Tatsächlich gibt die getName-Methode name Attribut im watchData-Objekt zurück.

Dies ist das Ende dieses Artikels über die Zusammenfassung der Vue Watch-Überwachungsmethode. Weitere relevante Inhalte zur Vue Watch-Überwachungsmethode 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!