vue 数组中嵌套数组_vue数组嵌套数组的问题

如图，饼干、健康零食、早点下午茶、中式糕点、西式糕点是外层的数组，用v-for来完成，但是数组里面还有一个数组，这个还是用v-for吗？应该怎么做？我就是在v-for里面又用了一个v-for，代码如下

模板

class="productclassificationlist"

v-for="list in productclassification">

{{ list.classificationname }}

• v-for="item in classification">

  {{ list.item.food }}

js

productclassification: [

{

classificationname: '饼干',

classification: [

{ food: '曲奇' },

{ food: '威化' },

{ food: '夹心饼干' },

{ food: '焦糖饼干' }

]

},

{

classificationname: '健康零食'

},

{

classificationname: '早点下午茶'

},

{

classificationname: '中式糕点'

},

{

classificationname: '西式糕点'

}

]

然后浏览器就报错了

求助大神，why？