vue3.0获取虚拟dom方法

最近使用vue3.0+vue-router4.x+element-plus ui框架联合开发了一个小的商城项目，首先简单说一下element-plus ui框架。

官网上介绍了element-plus ui框架适用于vue3.0开发pc端，使用时发现只是框架部分代码可以拿来直接使用，但是其余的代码还没有更新

下面总结vue3.0遇到的一些问题，老生长谈的就是虚拟dom的获取相对于vue2.x来说很是有点麻烦的，在vue2.x里面，我们只需在标签行内添加ref属性并赋值，那么我们就可以拿到这个dom节点，通过this.$refs.xxx即可拿到dom node

但是在vue3.0框架里面是解除了this这个对象，所以我们不能在使用this.$refs来获取dom，那么我们怎样才能拿到dom节点呢？请看下面的代码(请不要忘记像vue2.x那样在需要获取dom的标签上添加ref属性并赋值)

下面是传统组合式api获取虚拟dom方法：

<template>
    <div>
        <div class="box" ref="goodInfo"></div>
    </div>
</template>
<script>
import { onMounted, ref, reactive,nextT