有時在工作用用到計算屬性和監聽屬性,可以寫少很多行的程式碼,對開發效率有很大的提高;

計算屬性

computed

計算屬性時根據例項的資料項計算而來的結果

優點是可以使用快取,效能高

使用例項,屬性fullName是由firstName,lastName計算而來的

computed:{
   fullName:function(){
          return this.firstName + ' ' + this.lastName;
      }
  },

監聽屬性

watch

作用就是監聽某一個數據發生變化時,就去執行對應的程式碼

 watch:{
     //方式1
     // firstName: function(){
     //     this.count++;
     // },
     // lastName: function(){
     //     this.count++;
     // }

     //方式2
     fullName: function(){
         this.count++;
         
     }
 }

對比一下上圖的兩個方式,方式二比方式一省好多程式碼，簡潔。