Day 07计算属性computed的使用

• computed 和methods的区别
  我们可以使用 methods 来替代 computed，效果上两个都是一样的，但是 computed 是基于它的依赖缓存，只有相关依赖发生改变时才会重新取值。而使用 methods ，在重新渲染的时候，函数总会重新调用执行。使用 computed 性能会更好，但是如果你不希望缓存，可以使用 methods 属性。
• 购物车练习
  注意:适应手机端要加一行代码：

完整代码：

   
       
       
       
       
       
       
       
   
   
       
       

           

               Apple官方旗舰店

               商品列表

               

                   

                       {{goods.id}}
                   
                   

                       {{goods.name}}
                   
                   

                       
                   
                   

                       详情
                   
                   

                       ¥{{goods.price}}
                   
                   

                       购买:
                       -
                       
                       +
                   
               
               

               

                   
您所选取商品总价：￥{{totalprice}}
                   立即结算
               
               

                   您购买 {{totalCount}}件商品,需要支付总价为：{{totalprice}}元。
               
           
       
       
   

运行图演示：

购物车演示.gif

• 搜索练习

    
        
        
        
        
        
    
    
        

            

                
                
                

                    
                        {{article.title}}
                    
                    

                        
                    
                
            
        
        
        

运行演示：

演示