February 2019
Intermediate to advanced
216 pages
2h 55m
German
Content preview from Vue.js kurz & gut
Become an O’Reilly member and get unlimited access to this title plus top books and audiobooks from O’Reilly and nearly 200 top publishers, thousands of courses curated by job role, 150+ live events each month,
Start your free trial
KAPITEL 14
Renderfunktionen
Vue empfiehlt für den Großteil aller Anwendungsszenarien die Nutzung von Templates. Es kann allerdings Situationen geben, in denen eine komplexere, programmatische Lösung benötigt wird. Hier bieten sich Renderfunktionen als Alternative an. Mit ihnen arbeitet man näher am Vue-Compiler und hat dank purem JavaScript mehr Möglichkeiten. Angenommen, es sollen Headings mit Anchor-Elementen erzeugt werden. Das Template dazu sähe vermutlich wie folgt aus:
<h1>
<a name="hello-world" href="#hello-world"> Hello world! </a>
</h1>
Da mit vielen Headings gerechnet wird, ist eine Component sinnvoll, die den HTML-Code kapselt, um das Layout übersichtlicher zu halten:
<a-heading :level="1">Hello world!</a-heading>
Die Component ...