Sobes.tech
Junior

¿Está familiarizado con los modificadores para la directiva v-bind?

sobes.tech AI

Respuesta de la IA

Sí, lo conozco. V-bind tiene varios modificadores:

  • .prop: Establece forzosamente el atributo como una propiedad del DOM. Útil cuando el comportamiento estándar del atributo HTML no es adecuado.
  • .attr: Establece forzosamente el atributo como un atributo del DOM. Se usa raramente, ya que v-bind intenta ser inteligente por defecto.
  • .camel: Convierte el nombre del atributo a camelCase. Útil para SVG y otros elementos con atributos como viewBox.
  • .sync (Vue 2.x, eliminado en Vue 3.x): Azúcar sintáctico para el enlace bidireccional de props.

El modificador más utilizado es .prop, especialmente cuando se trabaja con componentes personalizados o propiedades específicas del DOM que no pueden establecerse mediante atributos estándar, como value en elementos no input.

Ejemplo de uso de .prop:

<!-- Establece la propiedad innerHTML del elemento -->
<div v-bind:innerHTML.prop="htmlString"></div>