Scurtătura : (două puncte) înlocuiește v-bind:, permițând legarea dinamică a oricărui atribut DOM sau proprietate de componentă la expresii JavaScript reactive.
Directiva v-bind și Scurtătura : în Vue 3: Legarea Dinamică a Atributelor în Vue.js & Nuxt
Directive Template
Vue 3
Ghid complet pentru v-bind în Vue 3: legarea atributelor HTML, legarea dinamică a claselor CSS (:class="{ active: isActive }") și a stilurilor inline (:style).
Sintaxă
<button :disabled="isSubmitting" :class="{ 'opacity-50': isSubmitting }">