如何用Vue高效实现商品详情页的长尾词评价列表展示？

本文共计1012个文字，预计阅读时间需要5分钟。

本篇我们将实现商品详情页的评价列表。所需数据如下，这里以一个数据例子说明，以便明白这些数据是如何绑定到模板中的。

数据来源：Foods组件数据例子：当选择商品时，跳转到评价列表页面。

商品评价

用户：张三

评分：5星

评价：这个商品质量非常好，包装也很精美。

用户：李四

评分：4星

评价：商品很实惠，性价比高。

本篇我们来实现商品详情页的评价列表。

必要的数据

这里咱们举一个数据的例子，明明白白地了解这些数据是如何绑定到模板中的。

数据来自于Foods父组件，当我们选中商品，跳转到商品详情页，那么就需要依赖父组件中的商品数据，在商品详情页面展示评论，当然也可能没有如下“rating”数据。那我们在后面的模板中，就不展示对应的html结构。