vue 中 watch 的用法

2022-01-13 15:41:18 字數 575 閱讀 5884

首先確認 watch是乙個物件,一定要當成物件來用。

物件就有鍵,有值。

鍵:就是你要監控的那個傢伙,比如說$route,這個就是要監控路由的變化。或者是data中的某個變數。

值可以是函式:就是當你監控的傢伙變化時,需要執行的函式,這個函式有兩個形參,第乙個是當前值,第二個是變化後的值。

值也可以是函式名:不過這個函式名要用單引號來包裹。

第三種情況厲害了。

值是包括選項的物件:選項包括有三個。

1.第乙個handler:其值是乙個**函式。即監聽到變化時應該執行的函式。

2.第二個是deep:其值是true或false;確認是否深入監聽。(一般監聽時是不能監聽到物件屬性值的變化的,陣列的值變化可以聽到)

3.第三個是immediate:其值是true或false;確認是否以當前的初始值執行handler的函式。

immediate如果為true, 代表如果在 wacth 裡宣告了之後,就會立即先去執行裡面的handler方法,即初始化立即執行。

vue中watch的用法

在平時工作中經常會遇到需要對某些資料進行監聽,根據資料的變化來執行某些操作,這個時候我們可以用到vue中的 watch,下面我們一起來看一下watch的具體用法 new vue watch newname和oldname分別對應name的新值和舊值,在函式中,可以對新舊值進行判斷來執行指定操作 使用...

Vue中watch 的用法

fullname firstname 上面的 的效果是,當我們輸入firstname後,wacth監聽每次修改變化的新值,然後計算輸出fullname。這裡 watch 的乙個特點是,最初繫結的時候是不會執行的,要等到firstname改變時才執行監聽計算。那我們想要一開始就讓他最初繫結的時候就執行...

vue中的watch的用法

在vue中,使用watch來響應資料的變化。question data watch 直接寫乙個監聽處理函式,當每次監聽到 question值發生改變時,執行函式。也可以在所監聽的資料後面直接加字串形式的方法名 watch immediate和handler 上面的寫法使用watch有乙個特點,就是當...