computed方法在Vue中是一個很重要的概念，可以說它是Vue框架中的精華之一。computed方法是一個可以根據已有的數據動態計算得出結果的方法，這種方法可以有效地避免代碼的冗余，提高代碼的可讀性和可維護性。

// 一個計算商品的總價的例子
computed: {
totalPrice: function () {
var result = 0;
for (var i = 0; i< this.goodsList.length; i++) {
result += this.goodsList[i].price * this.goodsList[i].quantity;
}
return result;
}
}

計算屬性的基本用法就是在Vue組件中定義一個computed對象，然后在其中定義一個函數，函數的返回值就是新的計算的值，該函數只有在被依賴的數據變化時才會重新計算，這樣可以避免不必要的計算。計算屬性是基于依賴關系緩存的，當計算屬性所依賴的數據變化時才會重新計算，否則直接返回緩存中的值。

與computed屬性相同的還有watch屬性，watch屬性是用來監聽數據的變化，當有數據變化時就會執行相應的函數，一旦有數據變化，它就會觸發一個回調函數，然后該函數可以進行一些異步操作，例如服務端請求、更新視圖等等。

// 一個watch函數的例子
watch: {
'counter': function (newVal, oldVal) {
console.log('Counter changed from ' + oldVal + ' to ' + newVal);
}
}

雖然watch屬性和computed屬性的作用都是根據響應式數據的變化動態計算出新的值，但是他們的主要區別在于計算屬性會緩存計算結果，而watch函數則不會，當監聽到數據變化時，watch函數總是需要進行重新計算。

總體而言，在對Vue組件進行數據處理的時候，應該優先考慮使用computed屬性，因為計算屬性的代碼相對來說更容易理解、維護和優化。只有在一些特殊情況下才會去使用watch屬性計算數據，當需要執行異步操作或者需要判斷更加復雜的邏輯時，watch屬性比computed屬性要更加的靈活和方便。