So verwenden Sie die Vue -Pfeilfunktion

Durch die Verwendung von Pfeilfunktionen in VUE kann die Funktionssyntax vereinfachen und den Kontext automatisch binden. Verwendung: 1. Pfeilsymbol (=>) trennt Variablen und Funktionskörper; 2. Ausließen Sie lockige Klammern und Parameterklammern; 3. Binden Sie das automatisch. Vorteile: 1. Concise Syntax; 2. Automatische Kontextbindung.

Verwendung der Vue -Pfeilfunktion

Die Pfeilfunktion ist eine kurze Form der Funktionssyntax in VUE, die eine kurze Syntax liefert und den Kontext besser binden kann.

Verwendung:

const myFunc = () => { ... }

Das Grundformat der Pfeilfunktion lautet wie folgt:

• Pfeil ( => ) trennt die Variable auf der linken Seite des Pfeils vom Körper der Funktion rechts.
• Wenn der Funktionskörper nur eine Zeile hat, sind lockige Klammern ( {} ) optional.
• Funktionsparameter können weggelassen werden.

Vorteil:

• Präzise Syntax: Die Syntax der Pfeilfunktionen ist kurz, sodass der Code leichter zu lesen und zu verstehen ist.
• Automatischer Bindungskontext: this Innere ist immer an this gebunden, dessen Umfang definiert ist. Dies beseitigt die Notwendigkeit, den Kontext manuell zu binden.

Beispiel:

 <code class="vue"><template> <button>Count Up</button> </template> <script> export default { data() { return { count: 0, } }, methods: { // 传统的函数语法countUp: function() { this.count ; }, // 箭头函数语法countUp: () => { this.count ; }, }, }; </script></code>

Anmerkungen:

• Pfeilfunktionen können arguments nicht verwenden. Wenn Sie auf arguments zugreifen müssen, müssen Sie die herkömmliche Funktionssyntax verwenden.
• Pfeilfunktionen können als Konstruktoren nicht new verwenden, da sie keinen prototype haben.

Das obige ist der detaillierte Inhalt vonSo verwenden Sie die Vue -Pfeilfunktion. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!