vue2实现简单的商品加入购物车和结算功能（前端数据保存方向）

1、最近做电商项目，遇到类似的商品“加入购物车”和“结算功能”，页面大致如下（：下面是demo版）：

主要功能如下：(1)、用户可以任意修改购买的商品数量，点击“加入购物车”后前端保存 （2）点击“结算”时向后台发送用户已经“”加入购物车“”的商品

2、下面我们来看看具体实现步骤：

（1）首先，我们需要商品goods，ps:在此项目中，默认的商品数量和加入购物车的数量由后台传入，为1和0

(2) 由于用户可任意修改商品数量，为增加和减少按钮绑定事件（input的正则验证不能少哦）

（3）“加入购物车“”事件，此处是核心处理部分，事件可能性较多

// 开始向数组中提添加当前物品，这里存在3种情况
       // 1、用户未添加过该商品，则直接向数组中push
       // 2、用于已经添加了该商品、并且未做购买数量修改，则不向数组中添加
       // 3、用于已经添加了该商品、但是修改了购买数量，直接替换数组中的该商品对象

（4）ok，大功告成，点击“结算”，打印用户添加的购物车对象

了解更多可参考demo地址：https://github.com/chuanzaizai/shopping_cart