Vue提供了許多用于響應式開發的工具,其中getter就是其中的一個。getter是Vue的計算屬性,是在數據發生變化后自動重新計算的一個屬性。在代碼中,你可以使用getter來簡化復雜的數據處理操作,使代碼變得更加清晰易懂。
// 這里有一個數據對象 const myData = { firstName: 'Jane', lastName: 'Doe', gender: 'female' } // 定義一個Vue實例 const vm = new Vue({ data: myData, computed: { fullName: function () { return this.firstName + ' ' + this.lastName }, greet: function () { const gender = this.gender === 'female' ? 'Miss.' : 'Mr.' return 'Hello ' + gender + ' ' + this.lastName } } }) // 訪問ViewModel的fullName屬性 console.log(vm.fullName) // =>Jane Doe // 訪問ViewModel的greet屬性 console.log(vm.greet) // =>Hello Miss. Doe
在上面的代碼中,我們使用getter來計算fullName和greet屬性。fullName屬性會動態地計算firstName和lastName的值,并返回這兩個值的拼接結果。greet屬性會動態地根據gender屬性的值返回不同的問候語。因此,通過計算屬性,我們可以輕松地動態計算數據,而不必手動處理復雜的操作。
下一篇mysql只查昨天的