1.循环左侧的菜单
1.1循环foodList数组
1.2取出数组中的item.name
3.单机把谁的索引赋值给activeIndex
2.右侧渲染:
2.1循环foodList[this.activeIndex].foods
2.2父子传参 Food({item:item}) 子组件: item:foodItem ={}接受
2.3渲染即可
3.购物车界面的显示与隐藏:
3.1定义一个flag 默认是false
3.2如果是true购物车界面显示
3.4单机结算的时候 要把购物车显示出来
3.5给结算注册单机事件 flag取反即可
4.添加购物车
4.1给food组件里面的+号注册单机事件
4.2在cart组件去获取:
4.3渲染user即可 this.user....
点击空白处退出提示












评论