Vue3获取ref的方法

在Vue3中，可以通过ref来获取DOM元素或组件实例。ref可以用在模板中的任何元素上，也可以用在组件上。通过ref获取到的是一个响应式对象，可以通过.value来获取到实际的值。在Vue3中，获取ref的方式有以下几种： 1. 原生JS获取DOM元素：可以使用document.querySelector(选择器)、document.getElementById(id选择器)、document.getElementsByClassName(class选择器)等方法来获取DOM元素。 2. 通过ref获取单个DOM元素：可以在模板中使用ref属性来获取DOM元素，例如<div ref=&#39;divDom&#39;></div>，然后在setup函数中使用ref函数来创建一个响应式对象，例如const divDom = ref(null)，最后可以在onMounted钩子函数中使用divDom.value来获取到实际的DOM元素。 3. 通过ref获取v-for循环中的DOM元素：可以在v-for循环中使用ref属性来获取DOM元素，例如<div ref=&#39;getDivDom&#39; v-for="item in list" :data-id="item.id"></div>，然后在setup函数中使用ref函数和Map数据结构来创建一个响应式对象，例如const divDomList = ref(new Map())，最后可以在onMounted钩子函数中使用divDomList.value.get(item.id)来获取到实际的DOM元素。