Comment utiliser la fonction Vue Arrow

L'utilisation des fonctions de flèche dans VUE peut simplifier la syntaxe de la fonction et lier automatiquement le contexte. Utilisation: 1. Le symbole de flèche (=>) sépare les variables et les corps de fonction; 2. Omettre les accolades bouclées et les supports de paramètres; 3. Liez automatiquement cela. Avantages: 1. Syntaxe concise; 2. Liaison du contexte automatique.

Utilisation de la fonction de flèche Vue

La fonction Arrow est une courte forme de syntaxe de fonction dans Vue, qui fournit une syntaxe concise et peut mieux lier le contexte.

usage:

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

Le format de base de la fonction de flèche est le suivant:

• La flèche ( => ) sépare la variable sur le côté gauche de la flèche du corps de la fonction à droite.
• Si le corps de fonction n'a qu'une seule ligne, les accolades bouclées ( {} ) sont facultatives.
• Les paramètres de fonction peuvent être des parenthèses omises.

avantage:

• Syntaxe concise: la syntaxe des fonctions de flèche est courte, ce qui rend le code plus facile à lire et à comprendre.
• Contexte de liaison automatique: this à l'intérieur est toujours lié à this dont la portée est définie. Cela élimine la nécessité de lier manuellement le contexte.

Exemple:

 <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>

Notes:

• Les fonctions Arrow ne peuvent pas utiliser les objets arguments . Si vous devez accéder arguments , vous devez utiliser la syntaxe des fonctions traditionnelles.
• Les fonctions de flèche ne peuvent pas utiliser new constructeurs car ils n'ont pas prototype .

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!