vue中computed和watch之間的差異之(更新篇)

watch監(jiān)聽在后來(lái)的項(xiàng)目中需深度監(jiān)聽,比如對(duì)象下面的某一個(gè)屬性變化了,需要執(zhí)行一些方法
還有的需求是頁(yè)面首次進(jìn)來(lái),雖然沒有數(shù)據(jù)變化,但是希望執(zhí)行監(jiān)聽里面的代碼

var vm = new Vue({
  data: {
    a: 1,
    b: 2,
    c: 3,
    d: 4,
    e: {
      f: {
        g: 5
      }
    }
  },
  watch: {
    a: function (val, oldVal) {
      console.log('new: %s, old: %s', val, oldVal)
    },
    // 方法名
    b: 'someMethod',
    // 深度 watcher 這種使用于對(duì)象下面的某個(gè)屬性的深度監(jiān)聽
    c: {
      handler: function (val, oldVal) { /* ... */ },
      deep: true
    },
    // 該回調(diào)將會(huì)在偵聽開始之后被立即調(diào)用
    d: {
      handler: function (val, oldVal) { /* ... */ },
      immediate: true
    },
    e: [
      function handle1 (val, oldVal) { /* ... */ },
      function handle2 (val, oldVal) { /* ... */ }
    ],
    // watch vm.e.f's value: {g: 5}
    'e.f': function (val, oldVal) { /* ... */ }
  }
})
vm.a = 2 // => new: 2, old: 1

但是在真實(shí)的項(xiàng)目開發(fā)中,監(jiān)聽對(duì)象下面的某些屬性是偶發(fā)性的不生效,到目前都沒有找到問(wèn)題的原因;現(xiàn)在能解決的辦法就是把對(duì)象下面的屬性單獨(dú)出來(lái)作為一個(gè)屬性由父組件傳進(jìn)子組件可暫時(shí)解決

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

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

  • Android 自定義View的各種姿勢(shì)1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 178,881評(píng)論 25 709
  • 1、通過(guò)CocoaPods安裝項(xiàng)目名稱項(xiàng)目信息 AFNetworking網(wǎng)絡(luò)請(qǐng)求組件 FMDB本地?cái)?shù)據(jù)庫(kù)組件 SD...
    陽(yáng)明AI閱讀 16,186評(píng)論 3 119
  • 長(zhǎng)期,是最重要的概念 可以通過(guò)專注 行動(dòng) 努力把自己的長(zhǎng)期變得比別人的長(zhǎng)期更短一些。 經(jīng)?;〞r(shí)間設(shè)身處地從他人角度...
    漂亮的藍(lán)一閱讀 369評(píng)論 0 0
  • “《殺手的眼淚》講述的是一個(gè)發(fā)生在智利邊緣蠻荒大陸上的感人故事。一位天真純潔的男孩,一個(gè)惡貫滿盈的殺人犯,一個(gè)浪...
    小樹TV閱讀 1,058評(píng)論 0 0
  • 日精進(jìn)打卡第61天 知~學(xué)習(xí) 《六項(xiàng)精進(jìn)》讀2遍 《大學(xué)》讀2遍 經(jīng)典名句分享 君子持躬不可不謹(jǐn)嚴(yán) 行~實(shí)踐 一、...
    愈挫愈勇666閱讀 91評(píng)論 0 0

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