Vueでの監視はどのようにオブジェクトを深く監視しますか

 

分析：時計の最も基本的な使用法は

export default { 
 data（）{ 
     return { 
         name： '张三​​' 
     } 
 }、
 watch：{ 
     // name関数はデータ名
     name（newValue、oldValue）{ 
         
     } 
 } 
}に対応します

上記のコードには、誰が聞くか、誰が名前を書くか、そして対応する実行関数の原則があります。最初のパラメーターは最新の変更値であり、2番目の値は最後に変更された値です。注：データの監視に加えて、计算属性関数の結果を監視または計算できます

オブジェクトを深く監視する方法、2つの方法

1. 文字列のネスト

export default { 
    data（）{ 
        return { 
           a：{ 
               b：{ 
                   c： 'Zhang San' 
               } 
           } 
        } 
    }、
    watch：{ 
        // cを監視したい。現時点では、データはabcより深い。Monitor 
        "abc"：function（newValue 、oldValue）{ 
            
        } 
    } 
}

1. 詳細な監視を有効にする

   export default { 
       data（）{ 
           return { 
              a：{ 
                  b：{ 
                      c： 'Zhang San' 
                  } 
              } 
           } 
       }、
       watch：{ 
           a：{ 
               deep：true // deepがtrueの場合、a内のすべてのオブジェクトに対してディープモニタリングが有効になっていることを意味しますデータの変更により、ハンドラー関数がトリガーされます
               。handler（）{ 
                  //ハンドラーは固定書き込みです
               } 
           } 
       } 
   }