Setter是Vue.js中的一個重要特性，它允許我們在Vue組件中定義和使用計算屬性。Setter使得我們能夠在計算屬性中設置數據，而不僅僅是獲取數據。

Setter的用法非常簡單，它由一個get函數和一個可選的set函數組成。在get函數中，我們可以定義計算屬性的計算方式，而在set函數中，我們可以為計算屬性設置新值。當我們設置計算屬性的新值時，Vue.js會自動更新組件的狀態。

// 一個簡單的計算屬性例子
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]
}
}
}

在這個例子中，我們定義了一個fullName計算屬性，它由get和set函數組成。get函數將firstName和lastName拼接起來返回，而set函數則根據新值更新firstName和lastName的值。

在Vue.js中，計算屬性是基于它們依賴的響應式數據進行緩存的。只有在它們的依賴發生改變時計算屬性才會重新計算。由于計算屬性是基于依賴緩存的，所以它們相比于直接在模板中使用表達式更加高效。

此外，Vue.js中的計算屬性還支持一些額外的選項，例如：緩存計算屬性、計算屬性依賴數據、計算屬性的setter/getter函數等等。我們可以利用這些選項來優化計算屬性的性能，并且更加精細地控制計算屬性的行為。

// 一個更復雜的例子
computed: {
normalizedSize: {
get: function () {
return this.size * this.scale
},
set: function (newValue) {
this.scale = newValue / this.size
}
}
}

在這個例子中，我們定義了一個normalizedSize計算屬性，它由一個get函數和一個set函數組成。get函數將size和scale乘起來返回，而set函數則根據新值更新scale的值。我們利用setter函數按比例縮放size并更新scale的值，以此來保持大小的一致性。

總的來說，Vue.js中的setter是一個非常強大的特性，它使我們能夠更加方便地操作數據和狀態。通過使用setter，我們可以將計算屬性轉變成可寫的，并且可以更加靈活地控制計算屬性的行為。如果您還沒有嘗試過Vue.js中的setter，那么不妨試一試吧！