#vue #fron

tend

v-for ichida destrukturizatsiya qilish

ES6 destrukturizatsiyasidan foydalanmasdan v-fo

r'dan foydalanish

<div v-for="car in cars" :key="car.id">

<h2>{{ car.make }} {{ car.model }}</h2>
</div>
cars[]

 avtomobillar ro'yxati va har bir avtomobil quyidagi tuzilishga ega:

interface Car {

  make: str

ing; // Avtomobil marki
model: string; // Modeli
id: string; // id
}

ES6

destrukturizatsiyasidan foydalanib, kodni toza va tushunarli qilish mumkin:

<div v-for=

"{id, make, model} in cars" :key="id">
<h2>{{ make }} {{ model }}</h2>
</div>

@frontend