【Vue.js】vue引入组件报错：该组件未注册？

 

 

[Vue warn]: Unknown custom element: <QuestionnaireOption> - did you register the component correctly? For recursive components, make sure to provide the "name" option

 

上图的报错提示，说个人QuestionnaireOption组件并无注册？ 

我在Questionnaire.vue中引入组件QuestionnaireOption.vue，代码以下：

import { QuestionnaireOption } from '@/components/app/questionnaire/assembly/QuestionnaireOption'

然而，上面的引入组件代码是错误的，正确引入自定义组件代码以下

import  QuestionnaireOption  from '@/components/app/questionnaire/assembly/QuestionnaireOption'

 

为何会发生这种错误，由于咱们日常引入vux的组件，经常以下所写：

import { XHeader } from 'vux'

 

总结

自定义的组件在别处引入不须要中括号

而第三方组件的引入须要中括号{}