Vue key atributi
Misol
key atributi food-item komponentlarida v-for bilan yaratilgan har bir elementni noyob tarzda aniqlash uchun ishlatiladi.
<food-item
v-for="x in foods"
:key="x.name"
:food-name="x.name"
:food-desc="x.desc"
:is-favorite="x.favorite"
/>
Ta’rif va qo‘llanilishi
key atributi v-for direktivasi bilan birga ishlatiladi, shunda Vue elementlarni bir-biridan to‘g‘ri farqlay oladi.
Vue elementlarni qayta ishlatish orqali unumdorlikni optimallashtiradi. Shu sababli elementlar v-for yordamida massivdan yaratilganda, agar key atributi ISHLATILMASA, massiv o‘zgartirilganda elementlarning xususiyatlari aralashib ketishi mumkin.
Batafsilroq tushuntirish va key atributi ishlatilmaganda nima noto‘g‘ri ketishiga oid misol uchun Vue darsligidagi "key" atributi bo‘limiga qarang.
Tegishli sahifalar
Vue darsligi: Vue v-for direktivasi
Vue darsligi: v-for bilan Vue komponentlari
Vue darsligi: v-for bilan Vue animatsiyalari
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!