天天看點

vue的監聽屬性(偵聽屬性)(2022-4-21學習筆記)

​vue​

​的頁面模闆代碼不建議過于複雜~

模闆裡面可以直接讀資料,但是在進行資料處理的時候我們要用​

​this​

​。

​vue​

​開發者工具的坑,如果我們修改了一個資料,但是頁面沒有顯示的需要,開發者工具中也就不會顯示相應的修改,但是實際上,修改已經發生!

vue的監聽屬性(偵聽屬性)(2022-4-21學習筆記)

模闆代碼中可以寫一些簡單的語句!模闆裡面隻能寫​

​vm​

​​裡面的,或者​

​vue​

​原型上面的。一般我們不建議這樣子寫。

監聽屬性

vue的監聽屬性(偵聽屬性)(2022-4-21學習筆記)
vue的監聽屬性(偵聽屬性)(2022-4-21學習筆記)

​data​

​中的屬性和計算屬性都可以監視。

另外一種寫法:

vue的監聽屬性(偵聽屬性)(2022-4-21學習筆記)

總結

vue的監聽屬性(偵聽屬性)(2022-4-21學習筆記)

深度監視

監視多級結構中key的變化。

vue的監聽屬性(偵聽屬性)(2022-4-21學習筆記)

屬性中屬性監聽我們要使用深度監聽。監視多級結構中所有屬性的變化。

vue的監聽屬性(偵聽屬性)(2022-4-21學習筆記)

深度監聽總結

vue的監聽屬性(偵聽屬性)(2022-4-21學習筆記)

預設不開啟深度監聽是為了效率考慮。

深度監聽的簡寫

不需要其他的配置項,隻有handler的時候。

vue的監聽屬性(偵聽屬性)(2022-4-21學習筆記)
vue的監聽屬性(偵聽屬性)(2022-4-21學習筆記)

計算屬性和監聽屬性的差別

兩種方法都能實作的時候,計算屬性的效率更高。

計算屬性靠的是傳回值,沒辦法開啟異步任務。

vue的監聽屬性(偵聽屬性)(2022-4-21學習筆記)

繼續閱讀