<button ref="btn">按钮</button>
        <div ref="box">
            <h1> ref</h1>
            <p> 测试</p>
        </div>
        <hr>
        <div ref="myDiv">
            <p v-for="item in  10">{{item}}</p>
        </div>

<script setup>
import {onMounted} from 'vue'
  onMounted() {
                //获取的时候 this.$refs. 跟上需要获取标签的 ref的属性值
                console.log("获取标签内容", this.$refs.btn.innerHTML);
                console.log("获取子标签", this.$refs.box.children);
                console.log("获取标签的高度", this.$refs.myDiv.offsetHeight);
                console.log("获取标签的距离顶部的高度", this.$refs.myDiv.offsetTop);
            }
</script>