# 点击加入购物车添加商品
注意:在加入一件商品时,如果这件商品已经在购物车中了,就不需要再重复添加了!!!!

测试一下:

添加时判断是否已经存在:
判断一个数组中是存在一个值可以使用 `indexOf` 如果返回-1代表不存在!

# 在购物车中显示所有的商品
## 先从购物车中取出商品信息

## 先根据ID查询商品

## 页面中显示数据
在循环商品时,要根据商品ID到购物车对象中去找对应的数量:

## 使用计算属性计算总价
总结:计算属性的好处:当相关的数据发生变化时,计算属性会自动重新计算!!!!
计算总价:如果一个数据是需要计算得到就定义成计算属性,否则定义到 data k 。

把数据绑定(因为 vant 的这个组件默认是以分为单位 ,所以在显示时要*100)
