computed 屬性用于監聽數據的變化并返回一個新的計算值,從而讓代碼更加簡潔,實現數據的變化后立即更新UI的效果。 computed 屬性中有一個 get 函數,可用于讀取計算屬性的值。當計算屬性使用 get 訪問器時,我們可以直接獲取到計算值,而不需要通過函數調用來獲取。
// 示例一: computed: { fullName: { get: function() { return this.firstName + this.lastName; } } } // 當我們使用 fullName 時,可以直接取到計算后的值,而不需要加括號來調用方法。如下使用:{{fullName}}
// 示例二:使用函數的情況 computed: { fullName: function() { return this.firstName + this.lastName; } } // 當我們需要獲取 fullName 的值時,需要在調用時后面加上括號來執行方法。如下使用:{{fullName()}}
需要注意的是,get 函數只用于獲取計算屬性的值,而不應該用于修改計算屬性的值,如果需要修改計算屬性的值,應該使用 set 函數來實現。