Vue.Js v-for kullanımı

sezaialkan
Sezai Alkan Frontend Developer

Vue.js de v-for kullanımını bir dizi değişkeni içerisinde gelen veriyi v-for içerisinde belirlediğimiz bir değişkene alarak yazdırabilmekteyiz. Bu kullanım belirledigimizyenidegisken in dizidegikeni şeklindedir.

Kullanımı : v-for=""

Belirlediğimiz yeni değişken içerisinde gelen bir veriyi alarak yazdırabilmekteyiz.

<div id="app">
	<ul>
		<li v-for="event in simple">{{ event }}</li>
	</ul>
</div>
new Vue({
	el : "#app",
	data :{
		simple : ["Seat", "Bmw", "Audi", "Mercedes"]
	}
})

Yukarıdaki örnekte simple dizi değişkeni içerisinde gelen her bir veriyi event değişkeni içerisine alarak elde edebilmekteyiz bu event değişkeni adı sizin kullanımınıza göre değişiklik gösterebilmektedir.

Yukarıdaki örneğin ekran çıktısı aşağıdaki gibidir.

Vue.Js v-for kullanımı

Yorumlar

Yorum Yapabilmek İçin Giriş Yapmalısınız.
İlk Yorum Yapan Sen Ol!
Uçur Beni Kahramanım Yukarı Çık
Bu web sitesi çerezleri kullanıyor. Devam ederek çerez kullanımını kabul etmiş oluyorsunuz. Detay

Devam Etmek İçin Giriş Yapın

Kod Hocası İle Paylaşımda bulunabilir, Kendini geliştirebilirsin. Sende Hemen Giriş Yap Aramıza Katıl.

GirişKayıt Ol