Знакомы ли вы с модификаторами для директивы v-bind?

Да, знаком. V-bind имеет несколько модификаторов:

• .prop: Принудительно устанавливает атрибут как DOM-свойство. Полезно, когда стандартное HTML-атрибутное поведение не подходит.
• .attr: Принудительно устанавливает атрибут как DOM-атрибут. Используется редко, т.к. v-bind по умолчанию пытается быть интеллектуальным.
• .camel: Преобразует имя атрибута в camelCase. Полезно для SVG и других элементов с атрибутами типа viewBox.
• .sync (Vue 2.x, удален в Vue 3.x): Синтаксический сахар для двусторонней привязки пропсов.

Наиболее часто используемый модификатор — .prop, особенно при работе с пользовательскими компонентами или специфическими DOM-свойствами, которые не могут быть установлен через стандартные атрибуты, например, value у неинпутовых элементов.

Пример использования .prop:

<!-- Устанавливает свойство innerHTML элемента -->
<div v-bind:innerHTML.prop="htmlString"></div>