1. 程式人生 > >關於vue中Watch的一些深入用法

關於vue中Watch的一些深入用法

今天在掘金上瀏覽時看到的,覺得很有必要記錄一下  原文地址

我大概總結一下:

1.常規的開發中監聽資料變化我們會直接使用watch:{屬性名(newValue,oldValue){}},實際上該函式可以分為handler()函式和引數配置,例如

inputValue:{
	handler(newValue,oldValue){
            this.logInfo="新的值為:"+newValue
	},
	immediate:true
}

2.配置項immediate,預設為false。設定之後在資料繫結時就會執行handler函式,而不是在資料改變後才執行

3.配置項deep,預設為false。當對物件進行資料監聽時,並不會監聽物件內部屬性的變化,即屬性變化不會觸發物件的監聽。新增該引數後會對物件以及物件屬性進行遍歷,當屬性變化時,物件的監聽函式就會起作用

4.對於元件選項外定義的監聽函式,需要手動呼叫unWatch()函式進行登出