Existierender Komponenten-Throw: Unbekanntes benutzerdefiniertes Element

Question

Ich versuche, eine Komponente in einer anderen Komponente zu verwenden. Im Ereignis created kann ich diese Komponente protokollieren und sie gibt das gute Objekt zurück. Aus bestimmten Gründen scheint die Komponente jedoch nicht enthalten zu sein. VueJS versteht das validation Tag nicht.

Irgendwelche Ideen?

<template> 
    <main> 
    <validation :validate="$v.email" :model="'email'"></validation> 
    </main> 
</template> 
<script> 
    import { Validation } from 'components/helpers' 

    export default { 
    name: 'login', 
    component: { Validation }, 
    created() { 
     // it works. print the component with his path 
     window.console.log(Validation) 
    } 
    } 
</script> 

[Vue warn]: Unbekannt individuelle Element: - hat registrieren Sie richtig die Komponente? Stellen Sie für rekursive Komponenten sicher, die Option "Name" bereitzustellen.

In components/helpers Ich habe zwei Dateien:

1) index.js

export { default as Validation } from './Validation' 

2) Validation.vue

<template> 
    <div> 
     <span class="form__validation" v-if="validate && !validate.required">Required</span> 
     <template v-if="validation[model]"> 
      <span class="form__validation" v-for="error in validation[model].messages">{{ error }}</span> 
     </template> 
    </div> 
</template> 

<script> 
import { mapGetters } from 'vuex' 

export default { 
    name: 'validation', 
    data() { 
    return { 
     L: L 
    } 
    }, 
    props: ['model', 'validate'], 
    computed: { 
    ...mapGetters({ 
     validation: 'getValidation' 
    }) 
    } 
} 
</script> 

Answer 1

Ändern component für components den Trick. Schande über mich :)