Vue中computed和watch的區別
阿新 • • 發佈:2021-07-05
計算屬性computed :
1. 支援快取,只有依賴資料發生改變,才會重新進行計算 2. 不支援非同步,當computed內有非同步操作時無效,無法監聽資料的變化 3.computed 屬性值會預設走快取,計算屬性是基於它們的響應式依賴進行快取的,也就是基於data中宣告過或者父元件傳遞的props中的資料通過計算得到的值 4. 如果一個屬性是由其他屬性計算而來的,這個屬性依賴其他屬性,是一個多對一或者一對一,一般用computed 5.如果computed屬性屬性值是函式,那麼預設會走get方法;函式的返回值就是屬性的屬性值;在computed中的,屬性都有一個get和一個set方法,當資料變化時,呼叫set方法。偵聽屬性watch:
監聽的物件也可以寫成字串的形式
當需要在資料變化時執行非同步或開銷較大的操作時,這個方式是最有用的。這是和computed最大的區別,請勿濫用。嗯,就醬~