在Vue中，computed是一個非常常用的屬性。它可以根據已有的數據進行計算，并且會根據依賴緩存結果。這個特性可以優化性能，避免重復的計算。

下面是一些computed的使用示例：

computed: {
// 使用對象形式
fullName: {
// 計算函數
get: function () {
return this.firstName + ' ' + this.lastName
},
// 設置屬性（當計算結果改變時調用）
set: function (newValue) {
var names = newValue.split(' ')
this.firstName = names[0]
this.lastName = names[names.length - 1]
}
},
// 使用函數形式
reversedMessage: function () {
return this.message.split('').reverse().join('')
}
}

在模板中使用computed非常簡單：

<div>
<p>Full Name: {{ fullName }}</p>
<p>Reversed Message: {{ reversedMessage }}</p>
</div>

computed也可以和watch一起使用：

computed: {
fullName: function () {
return this.firstName + ' ' + this.lastName
}
},
watch: {
fullName: function (val) {
console.log('fullName changed to: ' + val)
// do something when fullName changed
}
}

雖然computed看起來像一個方法，但實際上它是一個計算屬性。這意味著它的結果會被緩存，只有在它的依賴項改變時才會重新計算。這個特性使得computed非常適合處理復雜計算和需要緩存的數據。