Vue实现购物车全选及价格计算

《vuejs实战》这本书中5.5是一道实战题:利用计算属性、指令等知识开发购物车。

练习1:在当前示例基础上扩展商品列表,新增一项是否选中该商品的功能,总价变为只计算选中商品的总价,同时提供一个全选的按钮。

练习2:将商品列表list改为一个二维数组来实现商品的分类,比如可分为“电子产品” “生活用品” 和“果蔬”,同类商品聚合在一起。提示,你可能会用到两次v-for。

1、购物车 




    
    
    
    Document
    


    
购物车为空

2、二维数组




    
    
    
    Document
    


    
购物车为空

 

你可能感兴趣的:(Vue,HTML)