在选择学生的子组件中，根据实验提供的excel文件，按照要求选择10名学生，页面效果如图所示。且这10名数据要求从app.vue父组件中使用props传入，定义自定义事件，将选择学生的信息逐个传给父组件。

好的，您的问题是如何实现选择学生的子组件，选择10名学生，并将选择的学生信息逐个传给父组件。我可以为您提供一些思路和代码示例。

首先，创建一个名为"select-student"的子组件，用于选择学生。该组件包括一个表格和一个"确认选择"按钮，如下所示：

<template>
  <div>
    <table>
      <thead>
        <tr>
          <th>姓名</th>
          <th>年龄</th>
          <th>性别</th>
          <th>选择</th>
        </tr>
      </thead>
      <tbody>
        <tr v-for="(student, index) in students" :key="index">
          <td>{{ student.name }}</td>
          <td>{{ student.age }}</td>
          <td>{{ student.gender }}</td>
          <td><input type="checkbox" v-model="selectedStudents" :value="student"></td>
        </tr>
      </tbody>
    </table>
    <button @click="confirmSelection">确认选择</button>
  </div>
</template>

<script>
export default {
  props: {
    students: {
      type: Array,
      required: true
    }
  },
  data() {
    return {
      selectedStudents: []
    }
  },
  methods: {
    confirmSelection() {
      this.$emit('selection-complete', this.selectedStudents)
    }
  }
}
</script>

在该组件中，我们先定义了一个props属性"students"，用于接收父组件传入的10名学生信息。然后，在表格中展示了学生的姓名、年龄和性别，并在每行末尾添加了一个复选框，用于选择该行的学生。当用户点击"确认选择"按钮时，我们将已选择的学生信息通过自定义事件"selection-complete"传递给父组件。

接下来，我们在父组件app.vue中引入子组件，并将10名学生信息通过props属性传递给子组件：

<template>
  <div>
    <select-student :students="students" @selection-complete="onSelectionComplete"></select-student>
  </div>
</template>

<script>
import SelectStudent from './components/select-student.vue'

export default {
  components: {
    SelectStudent
  },
  data() {
    return {
      students: [
        { name: '张三', age: 18, gender: '男' },
        { name: '李四', age: 19, gender: '女' },
        { name: '王五', age: 20, gender: '男' },
        { name: '赵六', age: 21, gender: '女' },
        { name: '钱七', age: 22, gender: '男' },
        { name: '孙八', age: 23, gender: '女' },
        { name: '周九', age: 24, gender: '男' },
        { name: '吴十', age: 25, gender: '女' },
        { name: '郑十一', age: 26, gender: '男' },
        { name: '王十二', age: 27, gender: '女' }
      ]
    }
  },
  methods: {
    onSelectionComplete(selectedStudents) {
      console.log(selectedStudents)
    }
  }
}
</script>

在该父组件中，我们引入了之前定义的子组件"select-student"，并将10名学生信息通过props属性传递给子组件。当子组件触发自定义事件"selection-complete"时，我们在父组件中定义方法"onSelectionComplete"，用于接收已选择的学生信息并进行处理。

以上就是选择学生子组件的实现方式和代码示例，希望能对您有所帮助。