Vue中的計算屬性computed是一個非常實用的功能，它能夠根據已有的屬性值計算出一個新的值并將其返回。computed可以理解為Vue實例中的一個計算屬性，它的值會根據所依賴的屬性而自動計算，當然這個計算是動態的，也就是說只要和計算相關的屬性變了，那么computed的值也會相應地改變。

Vue.component('app',{
data: function(){
return {
price: 100,
quantity: 2,
}
},
computed: {
totalPrice: function(){
return this.price * this.quantity;
}
}
});

在上面的代碼中，我們定義了一個計算屬性totalPrice，它依賴于data中的price和quantity兩個屬性，計算出的值為price和quantity的乘積。當price或quantity發生變化時，totalPrice會自動重新計算并更新到視圖中。

computed還支持setter，我們可以給computed設置一個setter方法，通過這個方法對計算結果進行處理，然后將結果返回。下面的例子演示了如何將totalPrice的值設置為3的倍數。

Vue.component('app',{
data: function(){
return {
price: 100,
quantity: 2,
}
},
computed: {
totalPrice: {
get: function(){
return this.price * this.quantity;
},
set: function(value){
var result = value * 3;
this.price = result;
this.quantity = 1;
return result;
}
}
}
});

在上述代碼中，我們通過定義totalPrice的getter和setter來對計算結果進行處理。當我們設置totalPrice的值時，它會自動調用setter方法，并對計算結果進行處理，然后將處理后的結果返回到視圖中。此時，computed所依賴的price和quantity也會自動改變。

總之，computed是Vue中非常實用的一個功能，它可以幫助我們簡化計算邏輯，減少代碼的復雜度，并能夠自動地響應數據的變化，實現動態計算。在實際開發中，我們可以將computed使用到各種場景中，如表單驗證、過濾器、排序等等，發揮出它的真正作用。