day07 computed方法

• computed和methods

在vue.js中，有methods和computed两种方式来动态当作方法来用的:首先最明显的不同 就是调用的时候，methods要加上（）;我们可以使用 methods 来替代 computed，效果上两个都是一样的，但是 computed 是基于它的依赖缓存，只有相关依赖发生改变时才会重新取值。而使用 methods ，在重新渲染的时候，函数总会重新调用执行

• 代码

    
        
        
        
        
        
    
    
        
        

            
            调用methods
            调用computed
        
        
    

• 简单购物车

    
        
        
        
        
        
        
        
    
    
        
        

            

                
                

                    

                        {{goods.id}}
                    
                    

                        
                        {{goods.name}}
                        
                    
                    

                        
                    
                    

                        {{goods.price}}
                    
                    

                        -
                        
                        +
                    
                
            
            

            

                
总价：￥{{totalPrice}}
                结算
            
        
        
    

效果图：

day07-1.png

• 文章搜索

    
        
        
        
        
        
    
    
        

            

                
                
                

                    
                        {{article.title}}
                    
                    

                        
                    
                
            
        
        
    

效果图：

day07-2.png

day07-3.png