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