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

Apache Spark 2.0-Jobs brauchen lange, bis sie abgeschlossen sind

Phänomen Bei der Verwendung von Apache Spark 2.x ...

Detaillierte Erklärung der CSS-Animationsattribut-Keyframes

Wie lange ist es her, dass ich meine Kolumne aktu...

Erläuterung des Prozesses des Docker-Packaging-Node-Projekts

Als Backend-Programmierer muss ich manchmal an Fr...

Der Nginx-Reverseproxy leitet Anfragen von Port 80 an 8080 weiter.

Lassen Sie uns zunächst eine Reihe von Konzepten ...

Stellen Sie die Grafana+Prometheus-Konfiguration mit Docker bereit

docker-compose-monitor.yml Version: '2' N...

Detaillierte Erklärung der Methode getBoundingClientRect() in js

1. getBoundingClientRect() Analyse Die Methode ge...

So handhaben Sie den Token-Ablauf in WeChat-Miniprogrammen

Inhaltsverzeichnis Fazit zuerst Frage Lösung Verw...

Implementierung des Docker-Verpackungsimages und Konfigurationsänderung

Ich bin in letzter Zeit beim Erlernen von Docker ...

Lösen Sie das Problem der Containerverwaltung mit Docker Compose

Im Docker-Design führt ein Container nur eine Anw...

Webdesign muss Zweck, Ideen, Gedanken und Beständigkeit haben

<br />Einleitung: Diese Idee kam mir, als ic...

MySQL-Lösung für die Konfiguration mehrerer Instanzen

1.1 Was ist MySQL Multi-Instance? Einfach ausgedr...