vue v-for循环的ref在js里怎么获取每一个refs

可以通过 `this.$refs` 获取到所有的 ref，然后可以通过索引或者属性名来访问每个 ref，例如：

<template>
  <div>
    <div v-for="(item, index) in list" :ref="'item_' + index">{{ item }}</div>
  </div>
</template>

在 js 中，可以通过以下方式获取每一个 ref：

export default {
  data() {
    return {
      list: ['A', 'B', 'C']
    }
  },
  mounted() {
    Object.keys(this.$refs).forEach(key => {
      console.log(this.$refs[key]) // 访问每个 ref
    })

    // 也可以通过索引来访问
    console.log(this.$refs.item_0) // 访问第一个 ref
    console.log(this.$refs.item_1) // 访问第二个 ref
    console.log(this.$refs.item_2) // 访问第三个 ref
  }
}

需要注意的是，在使用 `v-for` 渲染多个组件或元素时，生成的 ref 数组会以索引作为属性名，所以需要使用 `:` 绑定属性名。