我有一个Vue.js应用程序。在这个应用程序中，我只有一个文件组件。在此组件中，我想拥有另一个特定于该组件的组件。我正在尝试做这样的事情：
父视图
<template>
<div>
<child-component></child-component><br />
<child-component></child-component>
</div>
</template>
<script>
export default {
data() {
return {
info: 'hello'
}
},
components: {
childComponent: {
template: '<div>child</div>',
data() { return {}; }
}
}
}
</script>
使用webpack构建后，然后在浏览器中运行我的应用程序。该应用程序随后在控制台窗口中生成一个错误，指出：
未知的自定义元素：-您是否正确注册了组件？
我相信我已经正确设置了。但是，显然我没有。我究竟做错了什么？我可以看到我可能尚未注册“子组件”的地方。但是，我想我不确定如何在单个文件组件中执行此操作。我想念什么？
谢谢，
一些想法可能会有所帮助：-正如感谢指出的那样，将childComponent的“ child-component”注册为：
components: {
"child-component": {
template: '<div>child</div>',
data() { return {}; }
}
}
确保在创建vue实例之前注册了组件（这可能会也可能不会适用于您的情况，我无法从发布的源代码中看出来：
Vue.component（child-component'，{template：'child'，data（）{return {};}}）
新Vue（{el：'#app'}）
本文收集自互联网，转载请注明来源。
如有侵权，请联系 [email protected] 删除。
我来说两句