Frontend

#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

Please open Telegram to view this post

VIEW IN TELEGRAM

🔥8👍2

www.tgoop.com/frontend/1362

1.28K viewsJul 15, 2024 at 06:15

#vue #frontend

<div v-for="car in cars" :key="car.id">
  <h2>{{ car.make }} {{ car.model }}</h2>
</div>

interface Car {
  make: string; // Avtomobil markasi
  model: string; // Modeli
  id: string; // id
}

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