vueday01——使用属性绑定+ref属性定位获取id

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.绑定含有多个属性的对象