Czy znasz modyfikatory dla dyrektywy v-bind?

Tak, znam. V-bind ma kilka modyfikatorów:

• .prop: Wymusza ustawienie atrybutu jako właściwości DOM. Przydatne, gdy domyślne zachowanie atrybutu HTML nie jest odpowiednie.
• .attr: Wymusza ustawienie atrybutu jako atrybutu DOM. Rzadko używane, ponieważ v-bind domyślnie stara się być inteligentny.
• .camel: Konwertuje nazwę atrybutu na camelCase. Przydatne dla SVG i innych elementów z atrybutami typu viewBox.
• .sync (Vue 2.x, usunięte w Vue 3.x): Słodzik składniowy dla dwukierunkowego wiązania propsów.

Najczęściej używanym modyfikatorem jest .prop, szczególnie przy pracy z własnymi komponentami lub specyficznymi właściwościami DOM, które nie mogą być ustawione przez standardowe atrybuty, np. value na elementach nie-input.

Przykład użycia .prop:

<!-- Ustawia właściwość innerHTML elementu -->
<div v-bind:innerHTML.prop="htmlString"></div>