< Blog posts overview

Vue JS data Arrow Functions

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.   👉🏻 Du hast Lust auf mehr? Mehr VueJs? Dann nutze deine Zeit und komm in deinen Gratis Onlinekurs für VueJs!

[button link="https://academy.andreaspabst.com/courses/vue-js-free-tutorial-deutsch" type="big" color="green" newwindow="yes"] Dein kostenfreier VueJs Kurs [/button]

Jetzt durchstarten

Mit unseren Schulungen noch tiefer in das Thema einsteigen und mehr Erfolg in der Umsetzung haben

Sign up for our newsletter

Be informed and get useful information about marketing and product related content to linkrex in your inbox for free.

E-Mail-Newsletter abonnieren

Erhalte stets die neuesten Informationen über Seminare-IT kostenfrei in deinem Postfach.

We care about the protection of your data. Read our Privacy Policy.