14-案例:购物车

 综合案例-购物车

需求说明:

        1. 渲染功能

                v-if/v-else v-for :class

        2. 删除功能

                点击传参 filter过滤覆盖原数组

        3. 修改个数

                点击传参 find找对象

        4. 全选反选

                计算属性computed 完整写法 get/set

        5. 统计 选中的 总价 和 数量

                计算属性conputed reduce条件求和

        6. 持久化到本地 

                watch监听,localStorage, JSON.stringfiy, JSON.parse

    
    
    

    




    

        
        

        
        


        
        

            

                
                

                    


                    
                
                
                

                    

                        

                        

                        
{{item.price}}
                        

                            

                                
                                -
                                {{item.num}}
                                +
                            
                        
                        
{{ item.num * item.price }}
                        
删除
                    

                
            
            
            

                
                
                    全选
                
                

                    
                    总价:{{totalPrice}} 
                    
                    结算({{totalCount}})
                
            
        
        
        
空空如也