使用html语法中的vue2，实现单文件组件方式创建表格组件，父组件传递学生信息（数组）给表格组件 序号 班级 姓名性别年龄1 1801张三男18 2 18o2李四女 19

以下是一个简单的单文件组件示例，用于创建一个表格组件并接收父组件传递的学生信息数组。在该示例中，我们使用了Vue 2.x版本。

<template>
  <div>
    <table>
      <thead>
        <tr>
          <th>序号</th>
          <th>班级</th>
          <th>姓名</th>
          <th>性别</th>
          <th>年龄</th>
        </tr>
      </thead>
      <tbody>
        <tr v-for="(student, index) in students" :key="index">
          <td>{{ index + 1 }}</td>
          <td>{{ student.class }}</td>
          <td>{{ student.name }}</td>
          <td>{{ student.gender }}</td>
          <td>{{ student.age }}</td>
        </tr>
      </tbody>
    </table>
  </div>
</template>

<script>
export default {
  name: 'TableComponent',
  props: {
    students: {
      type: Array,
      required: true
    }
  }
}
</script>

<style scoped>
table {
  border-collapse: collapse;
  width: 100%;
}

th,
td {
  border: 1px solid black;
  padding: 8px;
  text-align: center;
}

th {
  background-color: #ccc;
}
</style>

在父组件中，我们可以将学生信息数组作为props传递给表格组件：

<template>
  <div>
    <table-component :students="students"></table-component>
  </div>
</template>

<script>
import TableComponent from './TableComponent.vue'

export default {
  name: 'ParentComponent',
  components: {
    TableComponent
  },
  data() {
    return {
      students: [
        {
          class: '1801',
          name: '张三',
          gender: '男',
          age: 18
        },
        {
          class: '1802',
          name: '李四',
          gender: '女',
          age: 19
        }
      ]
    }
  }
}
</script>

在这个示例中，我们已经成功地使用单文件组件方式创建了一个表格组件，并通过props从父组件中传递学生信息数组。在表格组件中，我们使用了v-for指令来遍历学生信息数组，并将每个学生的信息显示在表格中。