Sobes.tech
Junior

Está familiarizado com os modificadores para a diretiva v-bind?

sobes.tech IA

Resposta da IA

Sim, conheço. O V-bind tem vários modificadores:

  • .prop: Define forçosamente o atributo como uma propriedade do DOM. Útil quando o comportamento padrão do atributo HTML não é adequado.
  • .attr: Define forçosamente o atributo como um atributo do DOM. Raramente usado, pois o v-bind tenta ser inteligente por padrão.
  • .camel: Converte o nome do atributo para camelCase. Útil para SVG e outros elementos com atributos como viewBox.
  • .sync (Vue 2.x, removido no Vue 3.x): Açúcar sintático para ligação bidirecional de props.

O modificador mais utilizado é .prop, especialmente ao trabalhar com componentes personalizados ou propriedades específicas do DOM que não podem ser definidas através de atributos padrão, como value em elementos não-input.

Exemplo de uso de .prop:

<!-- Define a propriedade innerHTML do elemento -->
<div v-bind:innerHTML.prop="htmlString"></div>