在使用组合式 API 时，响应式引用和模板引用的概念是统一的。为了获得对模板内元素或组件实例的引用，我们可以像往常一样声明 ref 并从 setup() 返回：

    1. <template> 
    2.   <div ref="root">This is a root element</div>
    3. </template>
    4. <script>
    5.   import { ref, onMounted } from 'vue'
    6.   export default {
    7.     setup() {
    8.       const root = ref(null)
    9.       onMounted(() => {
    10.         // DOM元素将在初始渲染后分配给ref
    11.         console.log(root.value) // <div>这是根元素</div>
    12.       })
    13.       return {
    14.         root
    15.       }
    16.     }
    17.   }
    18. </script>

    https://vue3js.cn/docs/zh/guide/composition-api-template-refs.html#%E6%A8%A1%E6%9D%BF%E5%BC%95%E7%94%A8