ref属性

使用ref属性获取DOM

<script setup>
import {reactive,} from 'vue'
const arr = reactive([1,2,3,4,5,6,7,8])
const domList = reactive([])
const getLi = (li) => {
  domList.push(li)
}
console.log(domList);
</script>

<template>
  <ul>
    <li v-for="item in arr" :key="item" :ref="getLi">{{item}}</li>
  </ul>
</template>

• 给  li 标签添加一个  ref 属性取值是一个函数，则每个  li 都会作为参数传递给  getLi 函数