vuejs - 如何對某個對象的屬性進行watch監(jiān)聽?

1.普通的watch

data() {
    return {
        frontPoints: 0    
    }
},
watch: {
    frontPoints(newValue, oldValue) {
        console.log(newValue)
    }
}

2.對象屬性的watch

data() {
  return {
    bet: {
      pokerState: 53,
      pokerHistory: 'local'
    }   
    }
},
watch: {
  bet: {
    handler(newValue, oldValue) {
      console.log(newValue)
    },
    deep: true
  }
}

tips: 只要bet中的屬性發(fā)生變化(可被監(jiān)測到的),便會執(zhí)行handler函數(shù);
如果想監(jiān)測具體的屬性變化,如pokerHistory變化時,才執(zhí)行handler函數(shù),則可以利用計算屬性computed做中間層。
事例如下:

3.對象具體屬性的watch

data() {
  return {
    bet: {
      pokerState: 53,
      pokerHistory: 'local'
    }   
    }
},
computed: {
  pokerHistory() {
    return this.bet.pokerHistory
  }
},
watch: {
  pokerHistory(newValue, oldValue) {
    console.log(newValue)
  }
}
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • handler:監(jiān)聽數(shù)組或?qū)ο蟮膶傩詴r用到的方法 deep:深度監(jiān)聽,為了發(fā)現(xiàn)對象內(nèi)部值的變化,可以在選項參數(shù)中指...
    乖乖果效36閱讀 6,778評論 1 1
  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 179,007評論 25 709
  • 國家電網(wǎng)公司企業(yè)標(biāo)準(zhǔn)(Q/GDW)- 面向?qū)ο蟮挠秒娦畔?shù)據(jù)交換協(xié)議 - 報批稿:20170802 前言: 排版 ...
    庭說閱讀 12,376評論 6 13
  • 高數(shù)考完了,活在當(dāng)下,不去想。 先前收拾了一會東西,亂七八糟的東西,好多東西仿佛不記得在哪里一般,大概收拾了一部分...
    聽雷雷說閱讀 405評論 1 1
  • 繼續(xù)加拿大行程的準(zhǔn)備工作。昨天研究清楚了簽證資料,今天研究行程發(fā)現(xiàn)了時間少,真真是哪里都想去,哪里都不好做取舍。9...
    旅行的朋友閱讀 169評論 0 0

友情鏈接更多精彩內(nèi)容