應該把復雜計算屬性分割為盡可能多的更簡單的屬性。 ``` //好例子 computed: { basePrice: function () { return this.manufactureCost / (1 - this.profitMargin) }, discount: function () { return this.basePrice * (this.discountPercent || 0) }, finalPrice: function () { return this.basePrice - this.discount } } ``` #### 詳解 更簡單、命名得當的計算屬性是這樣的： * 易于測試 當每個計算屬性都包含一個非常簡單且很少依賴的表達式時，撰寫測試以確保其正確工作就會更加容易。 * 易于閱讀 簡化計算屬性要求你為每一個值都起一個描述性的名稱，即便它不可復用。這使得其他開發者 (以及未來的你) 更容易專注在他們關心的代碼上并搞清楚發生了什么。 * 更好的“擁抱變化” 任何能夠命名的值都可能用在視圖上。舉個例子，我們可能打算展示一個信息，告訴用戶他們存了多少錢；也可能打算計算稅費，但是可能會分開展現，而不是作為總價的一部分。 小的、專注的計算屬性減少了信息使用時的假設性限制，所以需求變更時也用不著那么多重構了。 ``` //反例 computed: { price: function () { var basePrice = this.manufactureCost / (1 - this.profitMargin) return ( basePrice - basePrice * (this.discountPercent || 0) ) } } ```