如何在Vue中获取模型迭代的值？

<template>
  <div>
    <ul>
      <!-- 使用v-for遍历items数组，并为每个输入框绑定v-model -->
      <li v-for="(item, index) in items" :key="index">
        <input v-model="items[index]" />
      </li>
    </ul>
    <pre>{{ items }}</pre> <!-- 显示更新后的数组 -->
  </div>
</template>

<script>
export default {
  data() {
    return {
      items: ['Item 1', 'Item 2', 'Item 3']
    };
  }
};
</script>

<template>
  <div>
    <ul>
      <!-- 使用v-for遍历user对象的属性，并为每个输入框绑定v-model -->
      <li v-for="(value, key, index) in user" :key="index">
        {{ key }}: <input v-model="user[key]" />
      </li>
    </ul>
    <pre>{{ user }}</pre> <!-- 显示更新后的对象 -->
  </div>
</template>

<script>
export default {
  data() {
    return {
      user: { name: 'John Doe', age: 30, email: 'john@example.com' }
    };
  }
};
</script>

// 错误的做法
this.items[index] = newValue;

// 正确的做法
this.$set(this.items, index, newValue);
// 或者
this.items.splice(index, 1, newValue);