以饿了么来举例吧我们要显示丅图画线框里面的食物信息，数据是遍历json数据出来的

json数据在呢？结构是酱紫的数组里面放了多个对象对象里面放了数组的同时又放了若干对象，我们要实现上图的效果（将套餐类特色鸡公煲套餐分类显示），就要把foods这个数组里面的name,description,tips显示出来

首先要用v-for得到goods.json里的每个对象把它存到goods: [],数组中并返回。下面就是查询数据的的代码块了

然后将这些数据通过htm标签拼接显示出来就好了，棒棒哒~~

吃瓜的：额不对吧，这就显示了有点太容易了吧。。

吃瓜的：数据没解析完全吧

我：额。。我去HTML里面继续解析。

接下来是我们切换下片场来到HTML。。

重头戏1：遍历goods数组获取对象（上面刚刚返回出来了goods）

因为goods里面装的全是对象，所以就可以把“套餐类”和“特色鸡公煲套餐”显礻粗来了:

重头戏2：遍历foods数组

这就可以将foods数组里面的对象和数组获取到了,显示食物名称描述，价格月售

下面是全部的html代码:

下载百度知道APP抢鲜体验

使用百度知道APP，立即抢鲜体验你的手机镜头里或许有别人想知道的答案。