How can combine several ref() elements in Vu3?

I have several similar elements that are defined as follows:

<script>
const el1 = ref()
const el2 = ref()
const el3 = ref()
</script>

<template>
<h1 ref="el1"></h1>
<h1 ref="el2"></h1>
<h1 ref="el3"></h1>
</template>

I want to combine all of ref elements into a new reactive variable, and use their attributes.

What is the best approach for handling this?