一、 header 组件开发 之数据的传递
1. App.vue 引入组件
2. App.vue 中注册组件
3. 使用组件
解释::sell="sellerObj",这里就像一个函数传参一样把sell当成形参,sellerObj就是实参,那么父组件实参是怎么传给子组件的,通过什么传
4. 父组件向子组件传递数据
在父组件中需要将sellerObj作为数据导出,子组件通过props从父组件中获得数据,且要指定数据类型
获取 父组件 数据
sell:{
type:Object // 传递的类型
}
}
}
小结:
5. 调用数据
logo">
细节问题:
support 绑定数据时 加 v-if ='sell.supports'
理由 : 在我们通过axios获取数据前在父组件中创建了一个空的对象sellerObj 先传给子组件,开始 没有数据传送过去就会报错 underfined,加上 v-if ,接受不到数据就不会解析,也就不会报错。
二、 header 组件弹出层(详情)
1.弹出遮罩层
(1) 设置一个状态,判断该状态控制显示隐藏
(2) 绑定点击事件,通过methods 方法改变 状态,控制显隐效果