vue watch一般的な傍受と深度傍受の実例の詳細(配列と対象)


以下はコードの一部を通して、vue watchの一般的な傍受と深さ傍受を紹介します。具体的なコードは以下の通りです。

var vm=new Vue({ 
 data:{ 
 num:1, 
 obj:{ 
 name:'  ', 
age:'21', 
sex:' ' 
} 
 }, 
watch:{ 
 num(val, oldVal){ 
 //   watch   
console.log(“num: “+val, oldVal); 
 }, 
 obj:{ 
 //    ,      、      
handler(val, oldVal){ 
 console.log(“obj.name: “+val.name, oldVal.name); 
 }, 
 deep:true 
 } 
 } 
 }) 
 vm.num=2 
 vm.obj.name='  '
 ここでは単独で、Vue-watchの深度モニターを紹介します。
 watch:{}対象は、データを傍受でき、データが変化し、処理関数
目的:ウォッチは傍受できますが、浅い傍受だけで、データの第一階か第二階だけを傍受します。
第二階とは?
  let obj = {name: 'xx', child: {age: 11}};  childの後の値は二階か深層です。
目標を達成する:対象の中の属性をモニターするなら、一番高いのも二階です。ウォッチは傍受できないかもしれません。
  すべての深度モニターを使用します。
実現コード:

watch: {
' user.phone ' : {
handel:function() {  //    ,       ,    ,this    
    
},
deep: true  //    
}
}
締め括りをつける
以上述べたのは編集者が紹介したvue watchの一般的な傍受と深度傍受の実例です。皆さんに助けてほしいです。もし何か質問があれば、メッセージをください。編集者はすぐに返事します。ここでも私たちのサイトを応援してくれてありがとうございます。