vue watch一般的な傍受と深度傍受の実例の詳細(配列と対象)
以下はコードの一部を通して、vue watchの一般的な傍受と深さ傍受を紹介します。具体的なコードは以下の通りです。
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の一般的な傍受と深度傍受の実例です。皆さんに助けてほしいです。もし何か質問があれば、メッセージをください。編集者はすぐに返事します。ここでも私たちのサイトを応援してくれてありがとうございます。