1 定义ref
<template>
<div>
<div ref="div">{{ str }}</div>
</div>
</template>
2 js 声明ref
<script setup lang='ts'>
import{ref,reactive, onBeforeMount, onMounted, onBeforeUpdate, onUpdated, onBeforeUnmount} from 'vue'
const div = ref(); //注意 div变量必须和模板定义的 ref="div"一致,才能获取
onMounted(()=>{
//能读取到dom
console.log('创建之后====',div.value)
//结果:创建之后==== <div>小满</div>
})
</script>