Skip to Main Content
Vue.js kurz & gut
book

Vue.js kurz & gut

by Lars Peterke
February 2019
Intermediate to advanced content levelIntermediate to advanced
216 pages
2h 55m
German
dpunkt
Content preview from Vue.js kurz & gut

KAPITEL 7

Iteratives Rendering mit v-for

Für das Rendering von Listen bietet Vue die Direktive v-for an. Mit ihr kann eine Liste von Elementen basierend auf einem Array im Template gerendert werden. Dazu nutzt v-for eine spezielle Syntax im Format item in items. Das Daten-Array wird hier von items repräsentiert. Der Alias für das Element der aktuellen Iteration ist item:

<ul id="app">

<li v-for="item in items">

{{ item.message }}

</li>

</ul>

var vm = new Vue({

el: '#app',

data: {

items: [

{ id: 1, message: 'Foo' },

{ id: 2, message: 'Bar' }

]

}

})

Das obige Beispiel erzeugt folgende Ausgabe:

Foo

Bar

Innerhalb von v-for kann auf alle Daten der übergeordneten Hierarchieebene zugegriffen werden. Auch eine Verschachtelung von v-for ist möglich. ...

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,
and much more.
Start your free trial

You might also like

Rechnerarchitektur, Betriebssysteme, Rechnernetze

Rechnerarchitektur, Betriebssysteme, Rechnernetze

Heinz-Peter Gumm, Manfred Sommer
Go – Das Praxisbuch

Go – Das Praxisbuch

Andreas Schröpfer

Publisher Resources

ISBN: 9781492071679