Use a component inside another component

Question

I have set the "name" property in Oneway.vue but I can't use the component and I got this error: did you register the component correctly? For recursive components, make sure to provide the "name" option

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>

if you callled to your componentOneway then use it as <oneway>, to use it as <one-way> his name should be OneWay — Christian Carrillo
– Christian Carrillo, Commented Jan 14, 2020 at 12:20
I did it, it's shown for first time but when I refresh the page I have the error again :( — hassan-pudineh
– hassan-pudineh, Commented Jan 14, 2020 at 12:37

Adri HM · Accepted Answer · 2020-01-14 12:17:07Z

1

You must import the component as OneWay not Oneway

answered Jan 14, 2020 at 12:17

Adri HM

3,2103 gold badges22 silver badges32 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Jack jdeoel · Accepted Answer · 2020-01-14 12:24:47Z

1

For alternative answer , you can define component name as below

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

answered Jan 14, 2020 at 12:24

Jack jdeoel

4,5886 gold badges28 silver badges57 bronze badges

Collectives™ on Stack Overflow

Use a component inside another component

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related