Vuejs импорт компонента в другой компонент

Question

Я создал компонент панели мониторинга. vue и импортировал в него компонент таблицы. vue, но таблицу. vue не отображается на моей веб-странице и в инструментах vue .dev.

Когда я импортирую таблицу. vue в приложении. vue проблем нет.

Ниже моих файлов.

Заранее спасибо!

/ /dashboard.vue

<template>
  <div>

  <table></table>

  </div>
</template>

<script>


import table from "./table";

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

}
</script>


<style >

</style>

// таблица. vue

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

  </div>
</template>

<script>





export default {
  name: 'Table',

}
  </script>

Answer 1

Нельзя называть компоненты такими же, как зарезервированные HTML элементы. Измените его на my-table.

Вам нужно будет сопоставить его:

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