#vue #frontend

💚 v-for ichida destrukturizatsiya qilish

🟡 ES6 destrukturizatsiyasidan foydalanmasdan v-for'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: string; // Avtomobil markasi
  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