ref 获取 DOM
在 setup 执行时,template 的元素还没挂载到页面上,所以要在 onMounted 才能获取到元素
<template>
<p ref="andy">Andy</p>
</template>
<script setup>
import { ref, onMounted } from "vue";
let andy = ref(null)
console.log("aaa")
onMounted(()=>{
console.log(andy.value.innerText)
})
console.log("bbb")
</script>
// 结果:
// aaa
// bbb
// Andy