结合具名插槽的使用，说出表格的表头是怎样从父组件app.vue传到子组件MyTable.vue的

在Vue.js中，结合具名插槽（Named Slots），你可以将父组件(app.vue)中的数据或者内容传递给子组件(MyTable.vue)并展示在表头部分。这里是一个简单的例子：

假设你在`app.vue`中有这样的结构：

<template>
  <div>
    <my-table :table-head="tableHeaders" />
  </div>
</template>

<script>
import MyTable from './components/MyTable.vue';

export default {
  components: {
    MyTable
  },
  data() {
    return {
      tableHeaders: ['Name', 'Age', 'Email']
    };
  }
};
</script>

在这个例子中，`:table-head`是一个v-bind指令，它将`tableHeaders`数组的数据绑定到了`MyTable`组件的`table-head`属性上。`table-head`通常会在`MyTable.vue`组件的模板中作为具名插槽(` slot="header"` 或 `<slot name="header">`)接受：

<template>
  <table>
    <thead>
      <tr>
        <slot name="header"></slot> <!-- 这里会渲染父组件传来的tableHeaders -->
      </tr>
    </thead>
    <tbody>
      <!-- ... -->
    </tbody>
  </table>
</template>

<script>
export default {
  props: {
    tableHead: { // 接收table-head数据
      type: Array,
      required: true
    }
  }
};
</script>

这样，当你在`app.vue`中更改`tableHeaders`，`MyTable`组件的表头也会相应更新。