1---
2category: Component
3---
4 
5# useTemplateRefsList
6 
7Shorthand for binding refs to template elements and components inside `v-for`.
8 
9## Usage
10 
11```vue
12<script setup lang="ts">
13import { useTemplateRefsList } from '@vueuse/core'
14import { onUpdated } from 'vue'
15 
16const refs = useTemplateRefsList<HTMLDivElement>()
17 
18onUpdated(() => {
19  console.log(refs)
20})
21</script>
22 
23<template>
24  <div v-for="i of 5" :key="i" :ref="refs.set" />
25</template>
26```
27 
28## Type Declarations
29 
30```ts
31export type TemplateRefsList<T> = T[] & {
32  set: (el: object | null) => void
33}
34export declare function useTemplateRefsList<T = Element>(): Readonly<
35  Ref<Readonly<TemplateRefsList<T>>>
36>
37```
38