Ö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:
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.