1 new Vue({ 2     el:'#vue-app', 3     data:{ 4         a:0, 5         b:0, 6         age:20 7     }, 8     methods:{
    //单击按钮两个方法全部执行一遍 9         // addToA:function(){
     10         //     console.log("Add to A")11         //     return this.a+this.age;12         // },13         // addToB:function(){
     14         //     console.log("Add to B")15         //     return this.b+this.age;16         // }17     },18     computed:{
    //计算属性性能要高，各执行各自的。19         addToA:function(){
    //耗时、大量搜索 时才会使用计算属性，大部分还是用methods20             console.log("Add to A")21             return this.a+this.age;22         },23         addToB:function(){24             console.log("Add to B")25             return this.b+this.age;26         }27     }28 })

1  2  3  4     
       5      6      7  8  9     
      
       10         
       
Computed 计算属性
11         
       Add to A12         
       Add to B13         
       
A -{
    {a}}
14         
       
B -{
    {b}}
15 
       17         
       18         
       
Age + A={
    {addToA}}
19         
       
Age + B={
    {addToB}}
20     
      
21 22 23     24 25