v-bind direktivasi uchun modifikatorlar bilan tanishmisiz?

Ha, tanishman. V-bind ning bir nechta modifikatorlari mavjud:

• .prop: atributni majburan DOM xususiyati sifatida o'rnatadi. Standart HTML atributi xulqi mos kelmasa foydalidir.
• .attr: atributni majburan DOM atributi sifatida o'rnatadi. Kamdan-kam ishlatiladi, chunki v-bind odatda aqlli bo'lishga harakat qiladi.
• .camel: atribut nomini camelCase ga aylantiradi. SVG va viewBox kabi atributlarga ega boshqa elementlar uchun foydalidir.
• .sync (Vue 2.x, Vue 3.x da olib tashlangan): propslar uchun ikki tomonlama bog'lash uchun sintaktik shakar.

Eng ko'p ishlatiladigan modifikator — .prop, ayniqsa maxsus komponentlar yoki standart atributlar orqali o'rnatilishi mumkin bo'lmagan DOM xususiyatlari bilan ishlaganda, masalan, value non-input elementlar uchun.

.prop dan foydalanish misoli:

<!-- Elementning innerHTML xususiyatini o'rnatadi -->
<div v-bind:innerHTML.prop="htmlString"></div>