Vuejs2 为什么未安装子组件?

Vuejs2 为什么未安装子组件?,vuejs2,vue-component,Vuejs2,Vue Component,为什么未安装子组件 基本模板: <TableComponent :data="data"> <template slot="thead"> <tr> <TableHeader></TableHeader> </tr> </template> </TableComponent> 它是TableHeader组件: <t

为什么未安装子组件

基本模板:

<TableComponent :data="data">

      <template slot="thead">
        <tr>
          <TableHeader></TableHeader>
        </tr>
      </template>

</TableComponent>
它是
TableHeader
组件:

<template>

  <th>
    {{ name }}
  </th>

</template>

<script>
  export default {
    name: 'TableHeader',

    props: {
      name: {
        type: String
      }
    },

    mounted() {
      console.info("MOUNTED")
    }
  }
</script>

{{name}}
导出默认值{
名称:“TableHeader”,
道具:{
姓名:{
类型:字符串
}
},
安装的(){
控制台信息(“已安装”)
}
}
TableHeader上的控制台信息不工作。

您有什么想法吗?

您必须显示您的父组件,因为子组件的装载取决于此。@BennettDams,您的意思是什么?一旦您的
表格列
装载到页面上,“装载”功能将立即执行。但是由于您的
TableColumn
TableComponent
的子组件,因此它的装载取决于
TableComponent
。因此,您需要发布您的
TableComponent
代码或您使用它的位置。@BennettDams我更新了代码。您是否在“基本”组件中导入并注册
TableHeader
组件?(或者,同等地,您是否在全球注册?
<template>

  <th>
    {{ name }}
  </th>

</template>

<script>
  export default {
    name: 'TableHeader',

    props: {
      name: {
        type: String
      }
    },

    mounted() {
      console.info("MOUNTED")
    }
  }
</script>