vue组件的创建异常的相关问题

Question

公司项目过程中碰到一个关于vue组件的问题，要求的样式是类似客户端的listView，带分组，然后在实现的过程中采用vue实现（问题最后有效果图）

数据的格式是：

          [

           {key:value,key:[]},

           {key:value,key:[]}

          ]

实现的代码是这个样子的：

调用：

然后这个样子单独调用其中的task-item是可以正常使用的，但是如果调用task-map-item的话就会报错，附上报错信息：

“[Vue warn]: Property or method "taskList" is not defined on the instance but referenced during render. Make sure to declare reactive data properties in the data option.
found in”
“---> <TaskMapItem>”
“<Root>”

求大神能够帮忙解决一下子，我应该怎么改才能正常执行？

附需实现的效果图：

Answer 1

拼写错误