vue v-数组对象中未定义的索引

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

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

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

<template>
  <div>
    <div v-for="(item, index) in items" :key="index">
      <div v-if="item.name">
        {{ item.name }}
      </div>
      <div v-else>
        Default Name
      </div>
    </div>
  </div>
</template>