1.属性绑定(Attribute 绑定)
第一种写法
<div v-bind:id="refValue"> content </div>
第二种写法(省略掉v-bind)
<div :id="refValue"> content </div>
2.代码展示
<template><div :id="idValue" ref="myDiv">我是待测div</div><button @click="printId">Print ID {{ resultId }}</button>
</template><script setup="ts">
import { ref } from 'vue'// 响应式状态
const idValue = ref("defaultValue")
const resultId =ref("")
// 用来修改状态、触发更新的函数
// const increment = ()=> {
// count.value++
// }
const printId =()=>{resultId.value=idValue.value;
}
// const rawHtml ="<span style='color:red'>htmlTest</span>"</script>
3.结果展示
4.绑定含有多个属性的对象