vue的computed和methods以及filters的对比:

vue的computed和methods的对比:计算是需要返回计算结果的,如果需要返回值,就可以选择使用computed.

下边举例都是反转字符串功能

1.methods:





    
    
        bigface is leaning vue
    
    



    

学习中


{{first}}

页面:

vue的computed和methods以及filters的对比:_第1张图片

点击按钮:

vue的computed和methods以及filters的对比:_第2张图片

2.使用computed



    
        
        bigface is leaning vue
        
    
    
        

测试一下vue的计算

first的值: {{first}}

reversedValue的值: {{reversedValue}}

页面:

vue的computed和methods以及filters的对比:_第3张图片

3.filters:



    
        
        
            bigface is leaning vue
        
        
    
    
        

学习。。。。。

反转前: {{first}}

反转后:{{first | reverseFilter}}

页面:

vue的computed和methods以及filters的对比:_第4张图片

你可能感兴趣的:(前端)