Znáte modifikátory pro direktivu v-bind?

Ano, znám. V-bind má několik modifikátorů:

• .prop: Vynuceně nastaví atribut jako vlastnost DOM. Užitečné, když standardní chování HTML atributu není vhodné.
• .attr: Vynuceně nastaví atribut jako atribut DOM. Zřídka používané, protože v-bind se snaží být inteligentní ve výchozím nastavení.
• .camel: Převádí název atributu na camelCase. Užitečné pro SVG a jiné prvky s atributy jako viewBox.
• .sync (Vue 2.x, odstraněno ve Vue 3.x): Syntaktický cukr pro obousměrné vázání props.

Nejčastěji používaný modifikátor je .prop, zejména při práci s vlastním komponentami nebo specifickými vlastnostmi DOM, které nelze nastavit přes standardní atributy, například value u ne-inputových prvků.

Příklad použití .prop:

<!-- Nastaví vlastnost innerHTML prvku -->
<div v-bind:innerHTML.prop="htmlString"></div>