vue编写简单的购物车功能

使用vue写出简单的购物车，供大家参考，具体内容如下

代码：

// An highlighted block



 
 
 
 
  .cl{
   border: 1px solid black;
   width: 300px;
   margin: 30px;
   padding: 15px;
  }
 


 
  
   {{item.sname}}
   -
   {{item.sum}}
   +
   {{item.sprice}}元/斤
  

  

   

    
选择
    
商品名
    
商品数量
    
商品价格
   
   

    

    
{{item.sname}}
    
{{item.sum}}
    
{{item.sprice*item.sum}}
   
   

    
全选
    
合计
    
{{total.totalNum}}
    
{{total.totalPrice}}
   
  
 
 
 

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持考高分网。