在Vue中，computed是一個(gè)非常常用的屬性。它可以根據(jù)已有的數(shù)據(jù)進(jìn)行計(jì)算，并且會(huì)根據(jù)依賴緩存結(jié)果。這個(gè)特性可以優(yōu)化性能，避免重復(fù)的計(jì)算。

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

computed: {
// 使用對(duì)象形式
fullName: {
// 計(jì)算函數(shù)
get: function () {
return this.firstName + ' ' + this.lastName
},
// 設(shè)置屬性（當(dāng)計(jì)算結(jié)果改變時(shí)調(diào)用）
set: function (newValue) {
var names = newValue.split(' ')
this.firstName = names[0]
this.lastName = names[names.length - 1]
}
},
// 使用函數(shù)形式
reversedMessage: function () {
return this.message.split('').reverse().join('')
}
}

在模板中使用computed非常簡(jiǎn)單：

<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看起來(lái)像一個(gè)方法，但實(shí)際上它是一個(gè)計(jì)算屬性。這意味著它的結(jié)果會(huì)被緩存，只有在它的依賴項(xiàng)改變時(shí)才會(huì)重新計(jì)算。這個(gè)特性使得computed非常適合處理復(fù)雜計(jì)算和需要緩存的數(shù)據(jù)。