Ana içeriğe geç

Özellik Bağlama

Özellik Bağlama

Vue'de süslü parantezler yalnızca metin araştırması için kullanılır. Dinamik bir değere bir niteliği bağlamak için v-bind direktifini kullanırız:

<div v-bind:id="dynamicId"></div>

Bir direktif, v- ön eki ile başlayan özel bir niteliktir. Vue'nun şablon sözdiziminin bir parçasıdır. Metin araştırmasına benzer şekilde, direktif değerleri bileşenin durumuna erişimi olan JavaScript ifadeleridir. v-bind ve direktif sözdiziminin tam detayları hakkında Kılavuz - Şablon Sözdizimi bölümünde konuşulmaktadır.

İlk iki noktalama işaretinden sonraki kısım (:id), direktifin "argümanı"dır. Burada, öğenin id niteliği, bileşenin durumundaki dynamicId özelliği ile senkronize edilecektir.

<div :id="dynamicId"></div>

v-bind sıkça kullanıldığından, ona özel bir kısayol sözdizimi vardır:

ipucu

v-bind direktifinin kısayolunu kullanarak daha temiz ve okunabilir kod yazabilirsiniz.

Şimdi, `etiketine dinamik birclassbağlamaya çalışın, bu bağlamanın değeri olaraktitleClass` veri özelliğiref kullanın. Eğer doğru bir şekilde bağlanmışsa, metin kırmızıya dönecektir.