vue的props问题

Question

定义的时候
components:{
            
            'collapsedMenuList':{   //折叠菜单组件
                template:'#collapsedMenuList',
                props:['item'],
                data: function(){
                    return{

                    }
                }
            }
        }
html使用的时候
<collapsed-menu-list :item="i" v-for="(i,index) in menuList"></collapsed-menu-list>

但是却会报一个错误[Vue warn]: Property or method "item" is not defined on the instance but referenced during render. Make sure to declare reactive data properties in the data option.

Answer 1

要在data中定义一下item

Answer 2

如果报的错看不懂，可以翻一下，还是看不懂再来问。
很明显了，这个报错说在渲染的时候找不到'item'这个属性或者方法，确保在data中有这个选项

Answer 3

我很好奇，题主你如何在components里边写template:'#collapsedMenuList',这句如何生效的

Answer 4

代码贴完全是提问的基本节操