Vue数组和循环问题

<template>
  <ul>
    <li v-for="(item, index) in items" :key="index">{{ item }}</li>
  </ul>
</template>

<script>
export default {
  data() {
    return {
      items: ['Apple', 'Banana', 'Cherry']
    };
  }
};
</script>

<template>
  <ul>
    <li v-for="(user, index) in users" :key="user.id">
      {{ user.name }} - {{ user.age }}
    </li>
  </ul>
</template>

<script>
export default {
  data() {
    return {
      users: [
        { id: 1, name: 'Alice', age: 25 },
        { id: 2, name: 'Bob', age: 30 },
        { id: 3, name: 'Charlie', age: 35 }
      ]
    };
  }
};
</script>

this.$set(this.items, index, newValue);

<li v-for="(item, index) in items" :key="item.id">{{ item.name }}</li>