Vue:watch 監聽多個屬性值的方法

瑤瑤走丟了發表於2020-03-04

需求

同時監聽登入介面使用者名稱和密碼

解決思路

怎麼普通的立即判斷已經不能滿足要求了咩?

Vue:watch 監聽多個屬性值的方法
仔細想想,Vue中判斷一個屬性的值只需要用watch,那麼同時判斷兩個或者兩個以上的,不僅僅是watch可以滿足了吧。

思路:可以同時使用computed和watch

在此區分computed和watch的區別

computed:

1.一個計算屬性,相當於一個過濾器的東西。

2.應用性:簡化tempalte裡面{{}}計算和處理props或$emit的傳值。

3.具有快取性,頁面重新渲染值不變化時會立即返回之前的計算結果不執行函式。

watch:

1.監聽者;觀察者。

2.應用性:監聽props,$emit或本元件的值執行非同步操作。

3.無快取性,頁面重新渲染監聽的值就算不變化也會執行。

解決方法

Vue:watch 監聽多個屬性值的方法

Vue:watch 監聽多個屬性值的方法

就可以監聽到了

相關文章