Poznáte modifikátory pre direktívu v-bind?

Áno, poznám. V-bind má niekoľko modifikátorov:

• .prop: Vynucene nastaví atribút ako vlastnosť DOM. Užitočné, keď štandardné správanie HTML atribútu nie je vhodné.
• .attr: Vynucene nastaví atribút ako atribút DOM. Zriedka sa používa, pretože v-bind sa snaží byť inteligentný podľa predvolene.
• .camel: Prevedie názov atribútu na camelCase. Užitočné pre SVG a iné prvky s atribútmi ako viewBox.
• .sync (Vue 2.x, odstránené vo Vue 3.x): Syntaktický cukor pre obojsmerné viazanie props.

Najčastejšie používaný modifikátor je .prop, najmä pri práci s vlastnými komponentami alebo špecifickými vlastnosťami DOM, ktoré nemôžu byť nastavené cez štandardné atribúty, ako napríklad value na ne-inputových prvkoch.

Príklad použitia .prop:

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