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

好的，让我来回答你的问题。

首先，感谢您的提问。根据您的问题描述，我了解到您需要在Vue.js中使用props传递数据，并且在子组件中定义自定义事件将选择学生的信息逐个传给父组件。下面是一个使用<script setup>编写的示例代码：

<template>
  <div>
    <h2>选择学生</h2>
    <table>
      <thead>
        <tr>
          <th>姓名</th>
          <th>学号</th>
          <th>选中</th>
        </tr>
      </thead>
      <tbody>
        <tr v-for="(student, index) in students" :key="index">
          <td>{{ student.name }}</td>
          <td>{{ student.id }}</td>
          <td>
            <input type="checkbox" :value="student" v-model="selectedStudents" @change="selectStudent(student)">
          </td>
        </tr>
      </tbody>
    </table>
  </div>
</template>

<script setup>
import { defineEmits } from 'vue';

const props = {
  students: {
    type: Array,
    required: true
  }
};

const emits = defineEmits(['select-student']);

let selectedStudents = [];

const selectStudent = (student) => {
  if (selectedStudents.includes(student)) {
    selectedStudents = selectedStudents.filter((s) => s !== student);
  } else {
    selectedStudents.push(student);
  }
  emits('select-student', selectedStudents);
};
</script>

在上面的代码中，我们首先使用props定义了一个名为students的属性，它的类型是数组，必须传递。然后，我们使用defineEmits方法定义了一个名为select-student的自定义事件，用于将选择学生的信息逐个传递给父组件。

接下来，我们定义了一个selectedStudents变量，用于保存用户选择的学生信息。我们通过一个名为selectStudent的函数来处理复选框的变化事件，该函数接收一个学生对象作为参数。在该函数中，我们将选中的学生信息存储在selectedStudents变量中，并通过emits方法将该变量传递给父组件。

最后，我们在模板中使用v-for指令遍历students数组，用一个复选框来表示每个学生的选中状态，并通过@change事件将选择学生的信息逐个传递给父组件。

希望这个示例代码可以帮助到您！