Vue.js是一個流行的JavaScript框架，用于構建交互式Web界面。Vue Computed（計算屬性）是Vue.js的一個核心功能，用于處理并返回一些基于數據源的新值。

計算屬性主要用于在Vue實例中的模板表達式中處理和返回基于響應式狀態的一些值。Vue Computed屬性依賴于響應式狀態，并且僅在它們依賴的狀態發生變化時才會自動重新計算。計算屬性可以通過組件內的data函數中的數據源來計算數據，或者使用setters和getters訪問計算屬性。

// 通過getter定義計算屬性
computed: {
fullName: function () {
return this.firstName + ' ' + this.lastName
}
}
// 通過setters和getters定義計算屬性
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]
}
}
}

使用計算屬性的主要優點是它可以根據需要動態計算數據，而無需直接更改數據源。這使得Vue Computed屬性更容易編寫和維護，因為計算屬性可以解決多種數據轉換和邏輯處理需求，并且可以組合使用，從而提高代碼的可讀性。

盡管計算屬性可以解決大多數應用程序中的常見數據轉換需求，但在某些情況下，可能需要手動地設置一個watcher函數來實現相同的效果。計算屬性在內部使用watcher函數，但是watcher可以用于更復雜的邏輯處理。因此，如果您的應用程序需要更高級的數據轉換邏輯，則可以考慮使用watcher函數來處理數據。