//方式三： 基于迭代 for of (es6)
for (v of this.checkGroup) {
	total += v.price * v.number
 }

 // 方式四：forEach  可迭代对象(数组)的方法，数组而言v是值，i是索引
this.checkGroup.forEach(function(v,i){
  this.checkGroup.forEach((v,i)=>{
    total += v.price * v.number
                })

进阶购物车

一键加入购物车功能实现

基于普通购物车实现功能：一键添加购物车功能

通过v-model双向绑定实现，input框绑定change事件， checkbox选中true反之false

    
    
    
    
    
    




    

        

            

                
购物车案例
                

                    
                    

                        
商品名称
                        
商品价格
                        
商品数量
                        
                        
全选/取消全选 

                    
                    
                    

                        
{{data.name}}
                        
{{data.price}}
                        
{{data.number}}
                        

                    
                
                
                

                
购物车:{{checkGroup}}
                
购物车:购物车为空
                
                

                
总价:{{totalPrice()}}￥
                

                

                

                    
是否全选：否 ---  {{checkall}}
                    
是否全选：是 ---  {{checkall}}
                

            
        
    

商品数量加减的实现

实现功能：通过添加+，-样式来控制商品数量的加减

注意：这里暂时不考虑库存的情况，且减少商品数量做单独处理，解决减少数量小于1的情况

    
    
    
    
    
    




    

        

            

                
购物车案例
                

                    
                    

                        
商品名称
                        
商品价格
                        
商品数量
                        
                        
全选/取消全选 

                    
                    
                    

                        
{{data.name}}
                        
{{data.price}}
                        

                        
                            -
                            {{data.number}}
                        
                            +
                        
                        

                    
                
                
                

                
购物车:{{checkGroup}}
                
购物车:购物车为空
                
                

                
总价:{{totalPrice()}}￥
                

                

                

                    
是否全选：否 ---  {{checkall}}
                    
是否全选：是 ---  {{checkall}}
                

            
        
    

不足：下面的提示信息可以隐藏，个人只是为了提示，商品删除没有写自行实现

如有错误请指正感谢~