計算屬性適用於邏輯復雜時使用,依賴於其他值的變化而變化,當計算屬性中的值不發生變化時該計算屬性仍然是上一次變化后緩存下來的值。
計算屬性與監聽器不同的是,監聽器適用於當某個數據源發生變化時做其他某種操作,能夠得到該數據源變化前后的值。
計算屬性方法:
computed: {
getInfo() {
if (this.sitId!=""&& this.sitId!=undefined){
this.loading = true;
this.getData(sitId);
}
return sitId;
},
className(){
return this.number1+this.number2
}
},
使用計算屬性
<div class="loginCms-top"> <p>{{className}}</p> <button @click="getInfo"></button> </div>