computed屬性是Vue中一個非常強大的特性，用于對數據的計算和監聽，通常用于在模板中展示數據，其結果會被緩存，只有響應式依賴發生改變時才會重新計算。

computed屬性是Vue中所定義的計算屬性，其本質是一個函數，返回值會被緩存，只有當計算屬性所依賴的數據發生變化，計算屬性才會重新計算。我們可以把computed屬性看成是Vue的一個計算緩存機制，因為其會根據依賴的數據進行自動緩存，這樣可以減少不必要的重復計算，提高性能。

//計算屬性的基本使用
computed: {
fullName: function() {
return this.firstName + ' ' + this.lastName;
}
}

computed屬性有一個重要的特性，那就是數據緩存，當依賴的數據不變時，computed屬性的返回值會被緩存起來，不必重新計算。這樣就避免了不必要的計算，提高了應用的性能。

// 計算屬性與methods方法的區別
computed: {
now() {
return Date.now()
}
},
methods: {
getNow() {
return Date.now()
}
},

在上面的代碼中，我們定義了一個computed屬性now和一個methods方法getNow，它們的計算結果都是返回當前時間，但是getNow函數沒有緩存機制，每次觸發方法都會重新計算。而now屬性會緩存結果，只有在依賴數據改變時才會重新計算。

在computed屬性中，我們可以進行更加復雜的計算操作，例如處理原始數據、格式化數據等，同時還可以與watcher結合使用，實現對數據的實時監聽，當數據改變時，自動更新計算屬性的值。

//計算屬性和watcher結合使用
computed: {
reversedMessage() {
return this.message.split('').reverse().join('')
}
},
watch: {
message(newValue) {
console.log('message changed', newValue)
},
reversedMessage(newValue) {
console.log('reversedMessage changed', newValue)
}
}

在上面的代碼中，我們定義了一個computed屬性reversedMessage，用于對message數據進行反轉。同時我們還在watch屬性中對這兩個數據進行監聽，當數據改變時會觸發相應的方法，并輸出控制臺信息。

總結來說，computed屬性是Vue中的一個計算緩存機制，它用于對需要頻繁計算的數據做緩存處理，提高應用的性能。在使用計算屬性時，需要考慮到數據緩存的特性，避免對不必要的數據進行重復計算。同時也可以與watcher結合使用，實現對數據的實時監聽。