创建vue新项目，清空app.vue，创建选择学生的子组件； 2. 在选择学生的子组件中，根据实验提供的excel文件，按照要求选择10名学生，页面效果如图所示。且这10名数据要求从app.vue父组件中使用props传入，定义自定义事件，将选择学生的信息逐个传给父组件。 3.在app.vue中，定义10名学生的数据，传给自定义组件标签，并定义接收学生选择信息，添加“删除”按钮，实现被选择学生的逐个删除。

好的，你需要先安装Vue CLI来创建一个新的Vue项目。你可以按照以下步骤操作：

1. 打开命令行工具，进入你想要创建项目的文件夹。
2. 运行命令 `npm install -g @vue/cli`，安装Vue CLI。
3. 运行命令 `vue create my-project`，创建一个新的Vue项目（my-project是你自己定义的项目名称）。
4. 选择默认配置，等待安装完成。

接下来，你需要清空App.vue文件，并创建一个选择学生的子组件。在子组件中，你需要按照实验提供的Excel文件，选出10名学生，并将这个列表展示在页面上。此外，你还需要在子组件中定义自定义事件，将选择学生的信息逐个传递给父组件。

下面是一个简单的选择学生子组件的代码示例：

<template>
  <div>
    <h3>选择学生</h3>
    <ul>
      <li v-for="student in students" :key="student.id">
        <input type="checkbox" v-model="selectedStudents" :value="student" @change="selectStudent">
        {{ student.name }}
      </li>
    </ul>
  </div>
</template>

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

在父组件中，你需要定义10名学生的数据，并将其传递给选择学生子组件。你还需要在父组件中定义一个方法来接收学生选择信息，并添加一个“删除”按钮，以实现逐个删除被选择的学生。

下面是一个简单的App.vue文件的代码示例：

<template>
  <div>
    <h1>选课系统</h1>
    <select-student :students="students" @select-student="handleSelectStudent"></select-student>
    <h3>已选择学生</h3>
    <ul>
      <li v-for="(student, index) in selectedStudents" :key="index">
        {{ student.name }}
        <button @click="removeStudent(index)">删除</button>
      </li>
    </ul>
  </div>
</template>

<script>
import SelectStudent from './components/SelectStudent.vue'

export default {
  components: {
    SelectStudent
  },
  data() {
    return {
      students: [
        { id: 1, name: '张三' },
        { id: 2, name: '李四' },
        { id: 3, name: '王五' },
        { id: 4, name: '赵六' },
        { id: 5, name: '钱七' },
        { id: 6, name: '孙八' },
        { id: 7, name: '周九' },
        { id: 8, name: '吴十' },
        { id: 9, name: '郑一' },
        { id: 10, name: '王二' }
      ],
      selectedStudents: []
    }
  },
  methods: {
    handleSelectStudent(students) {
      this.selectedStudents = students
    },
    removeStudent(index) {
      this.selectedStudents.splice(index, 1)
    }
  }
}
</script>

这样，你就可以在父组件中看到已选择的学生列表，并且可以逐个删除被选择的学生。