Sobes.tech
Junior

v-bind yönergesi için modifikasyonlara aşina mısınız?

sobes.tech yapay zeka

AI'dan gelen yanıt

Evet, tanıyorum. V-bind'in birkaç modifiye edicisi vardır:

  • .prop: Özelliği zorunlu olarak DOM özelliği olarak ayarlar. Standart HTML öznitelik davranışı uygun değilse kullanışlıdır.
  • .attr: Özelliği zorunlu olarak DOM özniteliği olarak ayarlar. Nadiren kullanılır, çünkü v-bind varsayılan olarak akıllı davranmaya çalışır.
  • .camel: Öznitelik adını camelCase'e dönüştürür. SVG ve viewBox gibi özniteliklere sahip diğer öğeler için kullanışlıdır.
  • .sync (Vue 2.x, Vue 3.x'te kaldırıldı): Prop'ların çift yönlü bağlanması için sözdizimi şekeri.

En çok kullanılan modifiye edici .prop'dur, özellikle özel bileşenlerle veya standart özniteliklerle ayarlanamayan DOM özellikleriyle çalışırken, örneğin value olmayan öğelerde.

.prop kullanım örneği:

<!-- Elementin innerHTML özelliğini ayarlar -->
<div v-bind:innerHTML.prop="htmlString"></div>