Binding Dinámico de Propiedades

Vuev-bind

<script setup lang="ts">
import { ref } from 'vue'

const isDisabled = ref(true)
</script>

<template>
  <button :disabled="isDisabled">Save changes</button>
</template>

Anteponer ':' al nombre de la propiedad es la forma abreviada de usar la directiva v-bind.

Vue docs

ReactJSX expressions

import { useState } from 'react'

function ProfileForm() {
  const [isDisabled] = useState(true)

  return (
    <>
      <button disabled={isDisabled}>Save changes</button>
    </>
  )
}

En JSX, el valor de una propiedad se escribe entre llaves para evaluar una expresión de JavaScript.

React docs

Angularproperty binding

import { Component, signal } from '@angular/core'

@Component({
  selector: 'app-profile-form',
  standalone: true,
  template: `
    <button [disabled]="isDisabled()">Save changes</button>
  `,
})
export class ProfileFormComponent {
  isDisabled = signal(true)
}

Rodear el nombre de la propiedad con corchetes crea un property binding.

Angular docs