Für viele ein Mysterium, für andere die beste moderne JavaScript Notation, die man sich nur vorstellen kann.
Die Rede ist von den ECMA-Script6 Arrow Functions.

Was sind Arrow Functions

Der Begriff der “Arrow” oder auch “Pfeil”-Funktionen entstammt dem Umstand, dass diese Funktionen mit einem Pfeil => geschrieben werden.

Gegenüberstellung

Wir zeigen zunächst eine allgemein Darstellung einer Vue JS Data Function ohne Arrow Function Notation. Diese Darstellung ist übrigens nach wie vor gültig, funktionsfähig und problemlos nutzbar.

// bekannt, ohne ES6 Arrow Functions
data: function() {
return {
item: {
title: '',
description: '',
}
}
},

Dieselbe Notation eines beliebigen Items wäre in Arrow Function Schreibweise:

// mit ES6 Arrow Functions
data: () => ({
item: {
title: '',
description: '',
}
}),

Man kann im direkten Vergleich sehen, was genau die Arrow Function “eigentlich” macht.
Nämlich zB. das weglassen des “function” Statements. Oder auch das weglassen des “return” Statements.