{{sell.name}}

{{sell.description + '/' + sell.deliveryTime + '分钟送达'}}

细节问题：

support 绑定数据时 加 v-if ='sell.supports'

理由 ： 在我们通过axios获取数据前在父组件中创建了一个空的对象sellerObj 先传给子组件，开始 没有数据传送过去就会报错 underfined，加上 v-if ，接受不到数据就不会解析，也就不会报错。

二、 header 组件弹出层（详情）

1.弹出遮罩层

(1) 设置一个状态，判断该状态控制显示隐藏

data (){

return {

detailShow:false

}

}

(2) 绑定点击事件,通过methods 方法改变 状态，控制显隐效果

methods:{

showDetails () {

this.detailShow=true

},

hideDetail () {

this.detailShow=false

}

}

2. 星级评分

(1) 绑定class 控制星级大小的类型

// 利用 computed 属性

computed: {

starSizeType() { // 返回 星级的大小类型 48/36/24

return 'star-' + this.size;

}

}

(2) 遍历星星的数量

复制代码 代码如下:

(3) 定义常量 控制 每个星的状态

// 类名用变量存起来

const LENGTH = 5 // 星星长度