v-bind एक HTML attribute (या component prop) को JavaScript expression से गतिशील रूप से बाँधता है, इसलिए जब डेटा बदलता है तो attribute प्रतिक्रियाशील रूप से अपडेट होता है। इसका shorthand बस : है।
vue
<script setup>
import { ref } from "vue";
const imageUrl = ref("/photo.jpg");
const isDisabled = ref(true);
const id = ref("main");
</script>
<template>
<img v-bind:src="imageUrl" /> <!-- full syntax -->
<img :src="imageUrl" /> <!-- shorthand (idiomatic) -->
<button :disabled="isDisabled">Save</button>
<div :id="id" :data-index="5">...</div>
</template>