Detaillierte Erklärung der Methoden und Eigenschaften von Vue

Detaillierte Erklärung der Methoden und Eigenschaften von Vue

Vue-Methoden und -Eigenschaften

1. Methoden

Verwendung 1

Methoden: {
Methodenname: function(){},
}

Verwendung 2

Methoden: {
Methodenname(){}
}

Beachten

{ {}}Aufruf zum Schreiben ()

Beispiel

{ {aa()}}

Ereignisauslösung

@click=aa" kann () haben oder nicht. Wenn Sie Parameter übergeben müssen, fügen Sie () hinzu.
Durch Übergeben des speziellen Parameters $event kann das Ereignisobjekt abgerufen werden

2. Berechnete Eigenschaften

Was sind berechnete Eigenschaften?

berechnet

Eigenschaften berechneter Eigenschaften

  1. Berechnete Eigenschaften haben einen Cache
  2. Berechnete Eigenschaften werden basierend auf ihren Abhängigkeiten zwischengespeichert.
  3. Berechnete Eigenschaften werden nur dann neu ausgewertet, wenn sich ihre Abhängigkeiten ändern.
  4. Wenn sich die Eigenschaften ändern, von denen die berechnete Eigenschaft abhängt, wird sie neu berechnet.

Methoden in berechneten Eigenschaften

Satz (da)
erhalten()

Beispiel

 	berechnet:{
                 //Berechnete Eigenschaften//Berechnete Eigenschaften werden zwischengespeichert//Rufen Sie {{}} direkt auf, ohne () zu schreiben.
                 //Wenn sich das Attribut ändert, von dem das berechnete Attribut abhängt, wird es einmal neu berechnet bb(){
                    gib diesen.arr.filter zurück(a=>a.indexOf(this.search) > -1)
                 },
                 cc:{
                     //Wenn die berechnete Eigenschaft aufgerufen wird, wird die Get-Methode automatisch ausgelöst, und wenn die berechnete Eigenschaft geändert wird, wird die Set-Methode automatisch ausgelöst set(a){
                        console.log('Ich bin bereit'+"empfangener Inhalt"+a+"empfangener Inhalt")
                     },
                     erhalten(){
                        console.log('Ich werde bekommen')
                        gib diesen.arr.filter zurück(a=>a.indexOf(this.search) > -1)

                     }
                 }
            },

Dies ist das Ende dieses Artikels über die Methoden und Eigenschaftsfälle von Vue. Weitere Informationen zu den Methoden und Eigenschaften von Vue finden Sie in früheren Artikeln auf 123WORDPRESS.COM oder in den folgenden verwandten Artikeln. Ich hoffe, Sie werden 123WORDPRESS.COM auch in Zukunft unterstützen!

Das könnte Sie auch interessieren:
  • Detaillierte Erklärung der berechneten Eigenschaften, der Überwachungseigenschaften und des Lebenszyklus in Vue.js
  • Zusammenfassung der Verwendung von berechneten Vue-Eigenschaften und -Listenern
  • Berechnete Eigenschaften und Listening-Eigenschaften in Vue
  • Detaillierte Erklärung der berechneten Eigenschaften von Vue
  • Vue berechnetes Eigenschaftscodebeispiel
  • Vue-Berechnungsattribute + Klassen- und Stilbindung in Vue (empfohlen)
  • Vue-Lernhinweise: Berechnungseigenschaften und Listener-Nutzung
  • Lösung für die Berechnungseigenschaft von Vue, die Änderungen innerhalb des Arrays nicht überwachen kann

<<:  So fügen Sie einer Tabelle in SQL Felder und Kommentare hinzu

>>:  CentOS 6 verwendet Docker zum Bereitstellen eines Zookeeper-Betriebsbeispiels

Artikel empfehlen

CSS3 realisiert das Effektdiagramm zur Produktanzeige auf der Website

Dieser Artikel stellt die Wirkung der Produktanze...

So implementieren Sie die Anpassung des Echats-Diagramms an große Bildschirme

Inhaltsverzeichnis beschreiben erreichen Die Proj...

Ausführliche Erläuterung der MySQL-Isolationsebene und des Sperrmechanismus

Inhaltsverzeichnis Kurzbeschreibung: 1. Vier Merk...

MySQL 5.6.28 Installations- und Konfigurations-Tutorial unter Linux (Ubuntu)

mysql5.6.28 Installations- und Konfigurationsmeth...

Überlegungen zum Rasterdesign von Webseiten

<br />Ursprüngliche Adresse: http://andymao....

Verwenden Sie CSS, um die Breite von INPUT in TD festzulegen

Als ich kürzlich mit C# ein Webprogramm erstellte,...

MySQL 8.0.18 Installations-Tutorial unter Windows (Abbildung)

Herunterladen Download-Adresse: https://dev.mysql...

Implementierung der Navigationsleiste und des Dropdown-Menüs in CSS

1. CSS-Navigationsleiste (1) Funktion der Navigat...

Über MySQL innodb_autoinc_lock_mode

Der Parameter innodb_autoinc_lock_mode steuert da...

So zeigen Sie JSON-Daten in HTML an

Hintergrund: Manchmal müssen wir JSON-Daten direk...