儘管在大多數情況下計算屬性就夠使用了,但有時也需要一個自定義的監聽器。它的使用方式如下:
在watch
中寫入監聽目標的變數,並定義當變數發生改變時,欲執行的函數。上圖中,兩個函數的目的皆是將firstName
和lastName
組合成fullName
。
變數未發生改變時:
當監聽目標的變數發生變動時:
透過示範可以發現程式碼有是重複的。如果把整段用之前介紹的computed,程式碼會變得簡潔許多,如下:
因此,當需要在數據變化時執行異步或開銷較大的操作時,才會比較建議使用自定義的監聽器的方式。
明日預告:匯率計算機(css)