Vue3:标签属性ref

        在获取标签元素的方法中，通常的js方法如：document.getElementById这么长的API来获取。还有jQuery的：$(#id)，在Vue2中我们还是用的方法是this.$refs。那么我们在Vue3中如何使用ref呢？

示例：

        获取div标签的内容

        

<template>

  <div>

    <div ref="labelDiv">123</div>

  </div>

</template>

<script lang="ts"  setup>

import { reactive, ref, getCurrentInstance, onMounted } from 'vue'

const labelDiv = ref()

onMounted(()=>{

  console.log('labelDiv',labelDiv.value.innerText)

})

</script>