Überwachungsmethode in Vue
Beachten Name: Sie sollten dem Attribut, das Sie überwachen möchten, denselben Namen geben. 1. FunktionWird verwendet, um Datenänderungen in der Vue-Instanz zu überwachen und Statusänderungen jederzeit zu ändern. 2. AuslösebedingungenWenn sich die von Ihnen überwachte Eigenschaft ändert, wird die entsprechende Überwachungsmethode automatisch aufgerufen 3. AnwendungsszenarienWird für asynchrone Verarbeitung und relativ teure Operationen verwendet 4. Beispielebetrachten:{ 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>
unmittelbares Attribut: Boolescher Wert
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! Das könnte Sie auch interessieren:
|
<<: MySQL 5.7 Installations- und Konfigurations-Tutorial unter CentOS7 64 Bit
1. HTML-Bild <img> 1. Das <img>-Tag u...
MySQL ist ein relationales Datenbankverwaltungssy...
Grundlegende Syntax Die Verwendung von Text-Overf...
Vorwort Führen Sie den Befehl show create table &...
Tatsächlich haben wir in letzter Zeit viel über W...
Docker ist eine Open-Source-Container-Engine, mit...
Wenn Sie einige 64-Bit-Anwendungen (wie 64-Bit-JD...
Jedes Mal, wenn ich das System installiert habe, ...
In diesem Artikel finden Sie das Installations- u...
Vorwort Früher habe ich den Cache verwendet, um d...
Implementierungsmethode für die MySQL5.7-Master-S...
Werfen wir einen Blick auf ufw (Uncomplicated Fir...
Ich habe kürzlich an einer Kommentarfunktion gear...
Code kopieren Der Code lautet wie folgt: <!--[...
Inhaltsverzeichnis 1. Installationsumgebung 2. In...