Connaissez-vous les modificateurs pour la directive v-bind?

Oui, je connais. V-bind a plusieurs modificateurs:

• .prop: Définit de force l'attribut comme une propriété DOM. Utile lorsque le comportement standard de l'attribut HTML ne convient pas.
• .attr: Définit de force l'attribut comme un attribut DOM. Utilisé rarement, car v-bind essaie d'être intelligent par défaut.
• .camel: Convertit le nom de l'attribut en camelCase. Utile pour SVG et d'autres éléments avec des attributs comme viewBox.
• .sync (Vue 2.x, supprimé dans Vue 3.x): Sucre syntaxique pour la liaison bidirectionnelle des props.

Le modificateur le plus utilisé est .prop, surtout lorsqu'on travaille avec des composants personnalisés ou des propriétés DOM spécifiques qui ne peuvent pas être définies via des attributs standard, comme value sur des éléments non-input.

Exemple d'utilisation de .prop:

<!-- Définit la propriété innerHTML de l'élément -->
<div v-bind:innerHTML.prop="htmlString"></div>