我是Vue.js的初学者，我试图创建一个能够满足日常任务的应用程序，然后遇到了Vue Components。因此，下面是我尝试过的操作，但不幸的是，它给了我这个错误：
vue.js：1023 [Vue警告]：未知的自定义元素：-您是否正确注册了组件？对于递归组件，请确保提供“名称”选项。
有什么想法，请帮忙吗？
new Vue({
el : '#app',
data : {
tasks : [
{ name : "task 1", completed : false},
{ name : "task 2", completed : false},
{ name : "task 3", completed : true}
]
},
methods : {
},
computed : {
},
ready : function(){
}
});
Vue.component('my-task',{
template : '#task-template',
data : function(){
return this.tasks
},
props : ['task']
});<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/1.0.26/vue.js"></script>
<div id="app">
<div v-for="task in tasks">
<my-task :task="task"></my-task>
</div>
</div>
<template id="task-template">
<h1>My tasks</h1>
<div class="">{{ task.name }}</div>
</template>
不要过度使用
Vue.component()，它会全局注册组件。您可以创建文件，将其命名为MyTask.vue， 然后将其导出到Vue对象 https://vuejs.org/v2/guide/single-file-components.html，然后导入您的主文件，并且不要忘记注册它：