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

Question

我创建了一个dashboard.vue 组件并将table.vue 组件导入其中，但是table.vue 没有出现在我的web 页面和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 。

你需要 map 它：

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