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

 

总结

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

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