5.1.2　計算屬性

在進行數據綁定的時候，對數據要進行一定的處理才能展示到HTML頁面上。雖然Vue提供了非常好的表達式綁定方法，但是只能應對低強度的需求。例如，把一個日期按照規定格式進行輸出，可能就需要對日期對象做一些格式化。Vue提供的計算屬性（computed）允許開發者編寫一些方法，協助進行綁定數據的操作。這些方法可以跟data中的屬性一樣用，注意用的時候不要加“()”。

代碼如下：

運行的效果如圖5-4所示。

圖5-4　計算屬性運行效果圖

提示：模板內表達式包含復雜邏輯時，應使用計算屬性。只要計算屬性使用的數據不發生變化，計算屬性就不會執行，而是直接使用緩存。