Vuejs导入另一个组件中的组件

Question

[我创建了一个dashboard.vue组件，并将table.vue组件导入到其中，但是table.vue没有出现在我的网页和vue.dev工具中。

当我在app.vue中导入table.vue时，没有问题。

在我的文件下面。

提前感谢！

// dashboard.vue

<template>
  <div>

  <table></table>

  </div>
</template>

<script>


import table from "./table";

 export default {
  name: 'Dashboard',
  component: {
    table, 
  }

}
</script>


<style >

</style>

// table.vue

<template>
  <div>
      <p>Test</p>

  </div>
</template>

<script>





export default {
  name: 'Table',

}
  </script>

Answer 1

您不能使用与保留HTML元素相同的名称来命名组件。将其更改为my-table。

您需要映射它：

component: {
    'my-table': table, 
  }