如何在vue3获取 DOM 元素

1. 获取dom的ref元素名称，要对应暴露的名称，不然会出现无效的dom报错，也就是拿到的是null
2. 在setup中，使用ref（null）获取dom
3. 不能直接在setup里面拿到dom的值，因为setup对应的生命周期是created,所以必须在后续的生命周期钩子里面拿到，比如onMounted
4. 注意：ref 不要加冒号，直接写 dom 元素名称
5. 给组件绑定 ref 获取的不是 DOM 元素，而是一个对象，所以无法在组件上绑定的 ref 来调用 dom 相关的方法

const test = ref(null);
    console.log(test.value); // null
    onMounted(() => {
        console.log(test.value); // <div id="test" ref="test">哈哈哈哈哈哈</div>
    });

<div id="test" ref="test">哈哈哈哈哈哈</div>

参考文档

官方文档