javascript / beginner
Snippet
Listen-Rendering mit v-for
Die v-for-Direktive ermöglicht es Ihnen, eine Liste von Elementen basierend auf einem Array zu rendern. Sie erfordert eine spezielle Syntax 'item in items' und sollte für Performance und Stabilität immer einen eindeutigen :key enthalten.
snippet.js
1
2
3
4
5
6
7
<template><ul><li v-for="fruit in fruits" :key="fruit.id">{{ fruit.name }}</li></ul></template>
vue
Erklärung
1
v-for="fruit in fruits"
Iteriert durch das fruits-Array und weist jedes Element der Variable fruit zu.
2
:key="fruit.id"
Stellt einen eindeutigen Identifikator bereit, damit Vue die Identität jedes Knotens verfolgen kann.