Использовать компонент внутри другого компонента

Question

Я установил свойство "name" в Oneway. vue, но я не могу использовать компонент, и у меня появилась эта ошибка: вы правильно зарегистрировали компонент? Для рекурсивных компонентов обязательно укажите опцию «name»

import Oneway from '../Flight/Oneway';
export default {
  name:'FlightResult',
  components:{
    Oneway
  }
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.17/vue.js"></script>
<template>
    <div>
        <one-way></one-way>
    </div>
</template>

Answer 1

Для альтернативного ответа вы можете определить имя компонента, как показано ниже

import Oneway from '../Flight/Oneway';
export default {
  name:'FlightResult',
  components:{
    'one-way': Oneway
  }
}

Answer 2

Вы должны импортировать компонент как OneWay, а не Oneway