Computed是Vue中的一種屬性，它可以實現(xiàn)對數(shù)據(jù)的計算和監(jiān)聽。在Vue中，我們可以使用computed屬性來預處理數(shù)據(jù)，同時還可以監(jiān)聽這些數(shù)據(jù)，從而實現(xiàn)數(shù)據(jù)的自動更新。

computed: {
fullName: function () {
return this.firstName + ' ' + this.lastName
}
}

上面的代碼中，我們定義了一個computed屬性fullName，它將firstName和lastName拼接起來，形成完整的姓名。當firstName或lastName發(fā)生變化時，fullName也會自動更新。

Computed的使用有以下優(yōu)點：

• 提高了代碼的可讀性和維護性
• 減少了重復代碼的編寫
• 可以實現(xiàn)對數(shù)據(jù)的實時計算和監(jiān)聽

下面是computed屬性的一些常見情況：

1. 簡單計算

computed: {
reversedMessage: function () {
return this.message.split('').reverse().join('')
}
}

上面的代碼中，我們定義了一個computed屬性reversedMessage，它將message反轉(zhuǎn)后返回。這樣，在模板中我們就可以直接使用reversedMessage，而不需要編寫反轉(zhuǎn)函數(shù)。

2. 混合計算

computed: {
total: function () {
return this.price * this.quantity
}
}

上面的代碼中，我們定義了一個computed屬性total，它將price和quantity相乘，得到總價。這樣，我們就可以在模板中直接使用total，而不需要再進行計算。

3. 對象操作

computed: {
sortedUsers: function () {
return this.users.sort((a, b) =>a.name >b.name ? 1 : -1)
}
}

上面的代碼中，我們定義了一個computed屬性sortedUsers，它將users按照名字的字母順序排序后返回。這樣，我們就可以在模板中直接使用sortedUsers，而不需要再進行排序。

Computed屬性還有一些高級用法，比如Getter和Setter，Watch等，可以根據(jù)實際需求進行選擇。