Vue.js 现有组件抛出：未知的自定义元素

我试图在另一个组件中使用一个组件。在

created

事件中，我可以记录这个组件，它返回good对象。然而，由于某些原因，该组件似乎没有包括在内。VUEJ不理解

验证

标记

有什么想法吗

<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>

2） 验证.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>

要求的
{{error}}
从“vuex”导入{mapGetters}
导出默认值{
名称：“验证”，
数据（）{
返回{
L:L
}
},
道具：['model'，'validate']，
计算：{
…地图绘制者({
验证：“getValidation”
})
}
}
为
组件更改
组件
成功了。不好意思：）
在您的第一个代码示例中，您将验证组件注册为
组件：{}
（单数），而不是
组件：{}
（复数）-这可能是问题所在吗？
<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>