vue反引号里 v-for如何赋值

在Vue.js中，`v-for`指令通常用于迭代数组或者对象的数据。当你想要在每个循环实例中给元素分配一个变量时，可以在`v-for`的语法中使用`key`和`item`这两个默认的属性。

基本的语法如下：

<template>
  <ul>
    <li v-for="(value, index) in arrayName">
      {{ value }} 的索引是：{{ index }}
    </li>
  </ul>
</template>

<script>
export default {
  data() {
    return {
      arrayName: ['apple', 'banana', 'cherry']
    };
  }
};
</script>

在这个例子中，`arrayName`是一个数组，`v-for`会遍历这个数组，每次迭代都会将当前项赋值给`value`（这里的`value`就是数组的元素），并将索引值赋给`index`。然后你就可以在`<li>`标签内部直接访问`value`和`index`来显示它们的值。

如果你需要对每个元素分配自定义的变量，可以像下面这样在模板中声明新的变量：

<template>
  <ul>
    <li v-for="customItem in arrayName track by $index" :customKey="customValue">
      {{ customItem }} - custom key: {{ customKey }}
    </li>
  </ul>
</template>

<script>
export default {
  data() {
    return {
      arrayName: ['a', 'b', 'c'],
      customValue: { item: this.arrayName[$index], index: $index } // 这里的customValue是自定义的对象，包含数组元素和索引
    };
  }
};
</script>

在这个例子中，`customItem`代表数组的元素，而`customKey`是我们自定义的一个对象，包含了当前元素和它的索引。