>[info] 在vue2中v-for循环的ref会自动绑定到ref数组中，在vue3中需要手动绑定
```
<template>
<div>
<img alt="Vue logo" src="./assets/logo.png" />
<HelloWorld msg="Hello Vue 3 + Vite" />
<div v-for="item in list" :ref="setItemRef">
{{ item }}
</div>
</div>
</template>
<script >
import { ref } from "vue"
import HelloWorld from "./components/HelloWorld.vue";
//引入生命周期
import { onBeforeUpdate, onUpdated, onMounted } from 'vue'
//ref相当于vue2的data中的变量
//vue3 在循环中绑定的ref需要手动绑定到数组中，(vue2自动绑定到数组中)
export default {
components: { HelloWorld },
setup() {
let itemRefs = []
const list = ref(['1', '2', '3']);
//方法
const setItemRef = el => {
if (el) {
itemRefs.push(el)
}
}
onMounted(()=>{
console.log(itemRefs[0])
})
//在模版更新之前
onBeforeUpdate(() => {
itemRefs = []
})
//输出方法给模版使用
return {
setItemRef,
list
}
}
}
</script>
```
