v-bind dynamic binding demo
v-bind Dynamic Binding Demo
<template>
<div style="text-align: center;">
<div>{{ msg }}</div>
<div :id="id1">{{ msg }}</div>
</div>
</template>
<script>
export default {
data() {
return {
msg: "hello world",
id1: "bindId" // Dynamic ID binding example
}
},
};
</script>
<style>
color: red;
}
</style>