Kas teate v-bind direktiivi modifikaatoreid?

Jah, ma tean. V-bindil on mitu modifikaatorit:

• .prop: sunnib atribuudi DOM-i omaduseks. Kasulik, kui HTML-i standardkäitumine ei sobi.
• .attr: sunnib atribuudi DOM-i atribuudiks. Harva kasutatakse, sest v-bind püüab olla nutikas vaikimisi.
• .camel: muudab atribuudi nime camelCase-ks. Kasulik SVG ja teiste elementide puhul, millel on atribuudid nagu viewBox.
• .sync (Vue 2.x, eemaldatud Vue 3.x): süntaktiline suhkrupulber kahepoolseks propside sidumiseks.

Kõige sagedamini kasutatav modifikaator on .prop, eriti kui töötate kohandatud komponentide või spetsiifiliste DOM-omadustega, mida ei saa määrata standardattributite kaudu, näiteks value mitte-input elementidel.

Näide .prop kasutamisest:

<!-- Määrab elemendi innerHTML omaduse -->
<div v-bind:innerHTML.prop="htmlString"></div>