vue中将父组件的数组传递给子组件，在子组件中使用v-for并且默认显示数组第一项

你可以在子组件中使用 props 来接收父组件传递过来的数组，然后使用 v-for 来循环数组，并使用 v-show 来控制默认显示第一项。

父组件中的代码：

<template>
  <div>
    <child-component :items="items"></child-component>
  </div>
</template>

<script>
export default {
  data() {
    return {
      items: ['item1', 'item2', 'item3']
    }
  }
}
</script>

子组件中的代码：

<template>
  <div>
    <div v-for="(item, index) in items" v-show="index === 0">
      {{ item }}
    </div>
  </div>
</template>

<script>
export default {
  props: {
    items: {
      type: Array,
      required: true
    }
  }
}
</script>

在子组件中，我们首先使用 v-for 循环 items 数组，并且使用 v-show 控制只有第一项显示出来。