Vue Computed屬性是Vue中非常重要的語法之一，可以輕松的處理頁面上的交互和計算。在這篇文章中，我們會學習Computed屬性是如何工作的，并了解如何使用它來修改屬性值。

在Vue中，Computed屬性是以函數的形式存在的，返回值會根據依賴項的狀態來隨時更新變化。例如，下面這個例子中，我們定義了一個名為sum的Computed屬性，它會計算兩個數據源中a和b的和。

computed: {
sum: function() {
return this.a + this.b
}
}

如果調用了這個Computed屬性，它會自動計算a和b的和并返回。但是注意，它沒有設置任何值，而只是返回一個計算結果。如果我們想更改a或b的值，Vue是不會幫助我們更新計算結果的。

但是，Computed屬性可以定義get和set方法。get方法與上面的例子相同，它會計算a和b的和并返回一個值。但是set方法允許我們手動修改Computed屬性的值。例如，下面這個例子中，我們定義了一個名為sum的Computed屬性，它會計算兩個數據源中a和b的和，并將結果存儲在sumResult中。

computed: {
sum: {
get: function() {
return this.a + this.b
},
set: function(newValue) {
this.sumResult = newValue
}
}
}

在這個例子中，我們不再直接返回計算結果，而是將計算結果存儲在一個名為sumResult的變量中。set方法接受一個newValue參數，表示我們想要手動設置Computed屬性的值。在這個例子中，我們將newValue存儲在sumResult中。

但是，如果我們在處理Computed屬性時需要修改多個屬性，set方法就不太好用了。這時候，我們可以使用Vue提供的一個輔助函數——Vue.set。Vue.set可以幫助我們方便的修改多個屬性，并觸發計算（如果有的話）。例如，下面這個例子中，我們使用Vue.set同時修改a、b和sumResult，然后觀察sum的變化。

methods: {
updateData: function() {
Vue.set(this, 'a', 10)
Vue.set(this, 'b', 20)
Vue.set(this, 'sumResult', this.a + this.b)
}
}

在這個例子中，我們定義了一個名為"updateData"的方法，它使用Vue.set同時修改a、b和sumResult。我們可以通過調用這個方法來手動更新數據，并觀察sum的變化。

總結一下，Vue Computed屬性是Vue中非常重要的語法之一，它可以輕松地處理頁面上的交互和計算。Computed屬性是以函數的形式存在的，返回值會根據依賴項的狀態來隨時更新變化。如果我們想更改Computed屬性的值，可以使用set方法或Vue.set函數，但是set方法不適用于同時修改多個屬性的情況。